Gebeurtenisbinding by die invoeging van elemente
Laat ons nou by die invoeging van elemente gebeurtenishandlers daaraan bind.
Gestel, byvoorbeeld, ons het so 'n ouer- element:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Kom ons voeg nog 'n paragraaf aan die einde van hierdie ouer toe, en stel 'n klik-handler daarvoor:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // met 'n klik sal ons die paragraafteks vertoon
});
parent.appendChild(p);
Gegee 'n ol en 'n knoppie. Maak dit sodat met 'n klik
op die knoppie 'n li-tag aan die einde van die ol gevoeg word.
Maak dit sodat met 'n klik op enige van die
bygevoegde li 'n uitroepteken aan die einde van sy teks geskryf word.
