Elemente in JavaScript löschen
Lassen Sie uns nun lernen, wie man Elemente löscht.
Dazu muss man die Methode
remove verwenden. Sehen wir uns
an einem Beispiel an, wie das gemacht wird.
Nehmen wir an, wir haben Absätze:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Lassen Sie uns es so einrichten, dass jeder Absatz bei einem Klick darauf gelöscht wird:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Gegeben ist der folgende Code:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Machen Sie es so, dass jedes li-Element
bei einem Klick darauf gelöscht wird.
Gegeben ist der folgende Code:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Machen Sie es so, dass bei jedem Klick auf den Button
das letzte Element aus #parent gelöscht wird.
