Elem eltávolítása - CSS-trükkök

Anonim

Bármilyen okból, egy elem nem tudja elpusztítani magát a JavaScript-ben. A jQuery rendelkezik erre egy módszerrel, ami jó, mert így gondolkodunk:

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

De a JavaScript-ben nincs közvetlen megfelelője. Ehelyett ki kell választania a szülő elemet, és használni kell removeChild.

Tehát, ha:


Stuff.

Meg kell tennie:

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

Vagy ha volt hivatkozása egy elemre, és ki akarta üríteni a benne lévő összes elemet, de megtartotta:

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