v2.5.2
Giriş yap

JS ile eklediğim element null geliyor.

howlberg
531 defa görüntülendi
window.onload = function () {
    document.querySelector('body').innerHTML = `
    <button type="button" id="test-button">Click Me!</button>
    `;
}
document.querySelector('#test-button').onclick = function ()  {
    alert('');
}
document.querySelector('#test-button').addEventListener('click', e => {
    e.preventDefault();
    alert('');
});
JavaScript

Sayfa yüklenirken item oluşturuyorum ve bunu innerHTML ile ekliyorum. Sonrasında forEach, click gibi olayları hiçbir şekilde kontrol ettiremiyorum null olarak geliyor eklediğim element. Bunu jquery delegate ile çözmüştüm ama pure js'de nasıl çözeceğim?JS ile eklediğim element null geliyor.

howlberg
1301 gün önce
<div class="title">
    <h1><span id="question-counter"></span></h1>
</div>
<div class="answers">
    <ul>
        <li>
            <a href="#" data-answer="a"></a>
        </li>
        <li>
            <a href="#" data-answer="b"></a>
        </li>
        <li>
            <a href="#" data-answer="c"></a>
        </li>
        <li>
            <a href="#" data-answer="d"></a>
        </li>
    </ul>
</div>
<div class="next-question">
    <button type="button">Next Que</button>
</div>
JavaScript

ben böyle bir yapıyı .quiz__wrapper'in içine aktarmaya calısıyorum. Yaptığınız mantığı anladım ama ben bunu createElement ile nasıl yapacağım?