Esempio
Rimuovere il primo <li> elemento da una lista:
var list = document.getElementById("myList"); // Get
the <ul> element with id="myList"
list.removeChild(list.childNodes[0]);
// Remove <ul>'s first child node (index 0)
Prima di rimuovere:
- Coffee
- Tea
- Milk
Dopo aver rimosso:
- Tea
- Milk
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
Il removeChild() metodo rimuove un nodo figlio specificato dell'elemento specificato.
Restituisce il nodo rimosso come oggetto nodo, oppure null se il nodo non esiste.
Nota: Il nodo figlio rimosso non fa più parte del DOM. Tuttavia, con il riferimento restituito da questo metodo, è possibile inserire il bambino rimosso per un elemento in un momento successivo (See "More Examples") .
Tip: Utilizzare appendChild() o insertBefore() metodo per inserire il nodo rimosso nello stesso documento. Per inserire in un altro documento, utilizzare il documento. adoptNode() o documento. importNode() metodo.
Supporto browser
Metodo | |||||
---|---|---|---|---|---|
removeChild() | sì | sì | sì | sì | sì |
Sintassi
valori dei parametri Parametro Tipo Descrizione node Node object Necessario. L'oggetto nodo che si desidera rimuovere
Dettagli tecnici
Valore di ritorno: Un oggetto Node, che rappresenta il nodo rimosso, o null se il nodo non esiste DOM Version Nucleo Livello 1 Nodo Oggetto

Altri esempi
Esempio
Scopri se la lista ha nodi figli. In tal caso, rimuovere il suo primo nodo figlio (index 0) :
// Get the <ul> element with id="myList"
var list =
document.getElementById("myList");
// If the <ul> element has any
child nodes, remove its first child node
if (list.hasChildNodes()) {
list.removeChild(list.childNodes[0]);
} Prima di rimuovere:
- Coffee
- Tea
- Milk
Prima di rimuovere:
- Tea
- Milk
Prova tu stesso "
Esempio
Rimuovere tutti i nodi figlio di una lista:
// Get the <ul> element with id="myList"
var list = document.getElementById("myList");
// As long as <ul> has a child node, remove it
while
(list.hasChildNodes()) {
list.removeChild(list.firstChild);
} Prima di rimuovere:
- Coffee
- Tea
- Milk
Dopo aver rimosso:
Prova tu stesso "
Esempio
Rimuovere un <li> elemento con id = "Myli" dal suo elemento genitore (senza specificarne il nodo principale):
var item = document.getElementById("myLI");
item.parentNode.removeChild(item);
Prima di rimuovere:
- Coffee
- Tea
- Milk
Dopo aver rimosso:
- Coffee
- Milk
Prova tu stesso "
Esempio
Rimuovere un <li> elemento dal suo genitore, e reinserirla:
var item = document.getElementById("myLI");
function removeLi() {
item.parentNode.removeChild(item);
}
function appendLi() {
var list = document.getElementById("myList");
list.appendChild(item);
}
Prova tu stesso "
Esempio
Rimuovere un <span> elemento dal suo genitore e inserirla in un <h1> elemento in un altro documento:
var child = document.getElementById("mySpan");
function removeLi() {
child.parentNode.removeChild(child);
}
function myFunction() {
var frame = document.getElementsByTagName("IFRAME")[0]
var h = frame.contentWindow.document.getElementsByTagName("H1")[0];
var x = document.adoptNode(child);
h.appendChild(x);
}
Prova tu stesso "