Elementen verwijderen in JavaScript
Laten we nu leren hoe we elementen kunnen verwijderen.
Hiervoor moeten we de methode remove gebruiken.
Laten we eens kijken hoe dit werkt aan de hand van een voorbeeld.
Stel dat we de volgende paragrafen hebben:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Laten we ervoor zorgen dat elke paragraaf wordt verwijderd wanneer erop wordt geklikt:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Gegeven de volgende code:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Zorg ervoor dat elke li wordt verwijderd
wanneer erop wordt geklikt.
Gegeven de volgende code:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Zorg ervoor dat bij elke klik op de knop
het laatste element uit #parent wordt verwijderd.
