Noņemt elementu - CSS-triki

Anonim

Kādu iemeslu dēļ elements nevar pats sevi iznīcināt JavaScript. jQuery tam ir metode, kas ir jauki, jo mēs domājam šādi:

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

Bet JavaScript nav tieša ekvivalenta. Tā vietā jums būs jāizvēlas vecāku elements un jāizmanto removeChild.

Tātad, ja jums ir:


Stuff.

Jums būs jādara:

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

Vai arī, ja jums bija atsauce uz elementu un vēlaties iztukšot visus elementus tajā, bet saglabājiet to:

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