Brisanje elemenata u JavaScriptu
Hajde sada da naučimo kako da brišemo elemente.
Za to treba da koristimo
metodu remove. Pogledajmo
na primeru kako se to radi.
Neka imamo paragrafe:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Hajde da postavimo tako da se bilo koji paragraf obriše klikom na njega:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Dat je sledeći kod:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Podesite tako da se bilo koja li obriše
klikom na nju.
Dat je sledeći kod:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Podesite tako da se pri svakom kliku na dugme
obriše poslednji element iz #parent.
