Entfernen Sie ein Element - CSS-Tricks

Anonim

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

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

In JavaScript gibt es jedoch keine direkte Entsprechung. Stattdessen müssen Sie das übergeordnete Element auswählen und verwenden removeChild.

Also, wenn Sie haben:


Stuff.

Sie müssen Folgendes tun:

var thingToRemove = document.querySelectorAll(".remove-me")(0); thingToRemove.parentNode.removeChild(thingToRemove);

Oder wenn Sie einen Verweis auf ein Element hatten und alle darin enthaltenen Elemente leeren wollten, aber behalten Sie es:

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