Odstraňování prvků v JavaScriptu
Nyní se naučíme odstraňovat prvky.
K tomu je třeba použít
metodu remove. Podívejme se
na příklad, jak se to dělá.
Předpokládejme, že máme odstavce:
<p>prvek 1</p>
<p>prvek 2</p>
<p>prvek 3</p>
<p>prvek 4</p>
<p>prvek 5</p>
Udělejme to tak, aby se jakýkoli odstavec odstranil po kliknutí na něj:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Je dán následující kód:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Zařiďte, aby se jakákoli li odstranila
po kliknutí na ni.
Je dán následující kód:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Zařiďte, aby se po každém kliknutí na tlačítko
odstranil poslední prvek z #parent.
