Eliminați un element - CSS-Tricks

Anonim

Din orice motiv, un element nu se poate distruge singur în JavaScript. jQuery are o metodă pentru acest lucru, ceea ce este frumos, deoarece așa credem:

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

Dar nu există echivalent direct în JavaScript. În schimb, va trebui să selectați elementul părinte și să îl utilizați removeChild.

Deci, dacă aveți:


Stuff.

Va trebui să faceți:

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

Sau dacă ați avut o referință la un element și ați dori să goliți toate elementele din el, dar păstrați-l:

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