Ein Element entfernen

Avatar of Chris Coyier
Chris Coyier am

Aus irgendeinem Grund kann sich ein Element in JavaScript nicht selbst zerstören. jQuery hat eine Methode dafür, was gut ist, weil wir so denken

$(".remove-me").remove();

Aber es gibt kein direktes Äquivalent in JavaScript. Stattdessen müssen Sie das Elternelement auswählen und removeChild verwenden.

Also, wenn Sie haben

<div class="module">
  <p>Stuff.</p>
  <div class="remove-me">...</div>
</div>

Sie müssen tun

var thingToRemove = document.querySelectorAll(".remove-me")[0];

thingToRemove.parentNode.removeChild(thingToRemove);

Oder wenn Sie eine Referenz auf ein Element hatten und alle darin enthaltenen Elemente leeren, aber es behalten wollten

mydiv = document.getElementById('empty-me');
while (mydiv.firstChild) {
  mydiv.removeChild(mydiv.firstChild);
}