Remover um elemento - CSS-Tricks

Anonim

Por algum motivo, um elemento não pode se destruir em JavaScript. jQuery tem um método para isso, o que é bom porque é assim que pensamos:

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

Mas não há equivalente direto em JavaScript. Em vez disso, você precisará selecionar o elemento pai e usar removeChild.

Então, se você tem:


Stuff.

Você precisará fazer:

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

Ou se você tivesse uma referência a um elemento e quisesse esvaziar todos os elementos dentro dele, mas mantê-lo:

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