Brisanje elementov v JavaScriptu
Zdaj se naučimo brisati elemente.
Za to moramo uporabiti
metodo remove. Poglejmo
primer, kako se to naredi.
Recimo, da imamo odstavke:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Naredimo tako, da se vsak odstavek izbriše ob kliku nanj:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Podana je naslednja koda:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Naredite tako, da se vsak li element izbriše
ob kliku nanj.
Podana je naslednja koda:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Naredite tako, da se ob vsakem kliku na gumb
izbriše zadnji element iz #parent.
