Fjern et element - CSS-triks

Anonim

Av en eller annen grunn kan et element ikke ødelegge seg selv i JavaScript. jQuery har en metode for dette, som er hyggelig fordi det er slik vi tenker:

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

Men det er ingen direkte ekvivalent i JavaScript. I stedet må du velge overordnet element og bruke removeChild.

Så hvis du har:


Stuff.

Du må gjøre:

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

Eller hvis du hadde en referanse til et element og ønsket å tømme alle elementene i det, men beholde det:

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