Metodo removeChild() dell'HTML DOM

Oggetto Elemento HTML DOM

removeChild()Il metodo rimuove un nodo figlio dal DOM e restituisce il nodo rimosso.

Sintassi:

node.removeChild(node)

var div = document.getElementById("demo");
div.removeChild(div.firstElementChild);

Compatibilità del browser

Tutti i browser supportano completamente il metodo removeChild():

Valore del parametro

Dettagli tecnici

Più esempi

Trovare se il DIV ha qualsiasi nodo figlio. Se trovato, eliminare il primo elemento figlio (indice 0):

var div = document.getElementById("demo");
if (div.hasChildNodes()) {}}
　　　div.removeChild(div.children[0]);
}

Elimina tutti i figli dell'elemento:

var div = document.getElementById("demo");
while (div.hasChildNodes()) {
　div.removeChild(div.children[0]);
}

Elimina l'elemento specificato senza specificare il nodo genitore:

var node = document.getElementById("myP");
if (node.parentNode) {
　　　node.parentNode.removeChild(node);
}

Riferimenti correlati

Riferimento HTML DOM:node Metodo .parentNode()

Riferimento HTML DOM:node Metodo .hasChildNodes()

Riferimento HTML DOM:node Metodo .appendChild()

Riferimento HTML DOM:node Metodo .insertBefore()

Riferimento HTML DOM:node Metodo .replaceChild()

Oggetto Elemento HTML DOM