Wanneer je een element verwijdert met standaard JavaScript, moet je eerst naar zijn parent gaan:
var element = document.getElementById("element-id");
element.parentNode.removeChild(element);
Het lijkt me een beetje vreemd dat je eerst naar de bovenliggende node moet gaan, is er een reden waarom JavaScript zo werkt?
Je zou een remove
functie kunnen maken, zodat je daar niet iedere keer aan hoeft te denken:
function removeElement(id) {
var elem = document.getElementById(id);
return elem.parentNode.removeChild(elem);
}
Het'is wat het DOM ondersteunt. Zoek op die pagina naar "remove" of "delete" en removeChild is de enige die een node verwijdert.
Van wat ik begrepen heb, werkt het direct verwijderen van een node niet in Firefox, alleen in Internet Explorer. Dus, om Firefox te ondersteunen, moet je naar de ouder gaan om het kind te verwijderen.