Tilføjelse af event listeners ved indsættelse af elementer
Lad os nu, når vi indsætter elementer, tilføje event listeners til dem.
Lad os for eksempel sige, at vi har dette overordnede element:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Lad os tilføje endnu et afsnit til slutningen af dette overordnede element og tilføje en klik-event listener til det:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // ved klik udskriver vi afsnittets tekst
});
parent.appendChild(p);
Der gives en ol og en knap. Gør så, at når der klikkes
på knappen, tilføjes en li-tag til slutningen af ol.
Gør så, at når der klikkes på en hvilken som helst af de
tilføjede li, tilføjes et udråbstegn til slutningen af dens tekst.
