Verwydering van Elemente in JavaScript
Laat ons nou leer hoe om elemente te verwyder.
Om dit te doen, moet jy die
metode remove gebruik. Kom ons kyk
aan die hand van 'n voorbeeld hoe dit gedoen word.
Gestel ons het paragrawe:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Laat ons sorg dat enige paragraaf verwyder word wanneer daarop geklik word:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Die volgende kode word gegee:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Sorg dat enige li verwyder word
wanneer daarop geklik word.
Die volgende kode word gegee:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Sorg dat by elke klik op die knoppie
die laaste element van #parent verwyder word.
