Metodo HTML DOM removeChild()
Esempio
Rimuovere il primo elemento <li> da un elenco:
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:
- Caffè
- Tè
- Latte
Dopo aver rimosso:
- Tè
- Latte
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
Il metodo removeChild() rimuove un nodo figlio specificato dell'elemento specificato.
Restituisce il nodo rimosso come oggetto Node o 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 figlio rimosso in un elemento in un secondo momento (Vedi "Altri esempi").
Suggerimento: utilizzare il metodo appendChild() o insertBefore() per inserire il nodo rimosso nello stesso documento. Per inserirlo in un altro documento, utilizzare il metodo document.adoptNode() o document.importNode() .
Supporto browser
Method | |||||
---|---|---|---|---|---|
removeChild() | Yes | Yes | Yes | Yes | Yes |
Sintassi
node.removeChild(node)
Valori dei parametri
Parameter | Type | Description |
---|---|---|
node | Node object | Required. The node object you want to remove |
Dettagli tecnici
Valore di ritorno: | Un oggetto Node, che rappresenta il nodo rimosso, o null se il nodo non esiste |
---|---|
Versione DOM | Oggetto nodo di livello 1 principale |
Altri esempi
Esempio
Scopri se un elenco ha nodi figlio. In tal caso, rimuovere il suo primo nodo figlio (indice 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
Dopo aver rimosso:
- Tea
- Milk
Esempio
Rimuovere tutti i nodi figlio di un elenco:
// 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:
Esempio
Rimuovi un elemento <li> con id="myLI" dal suo elemento genitore (senza specificare il suo nodo genitore):
var item = document.getElementById("myLI");
item.parentNode.removeChild(item);
Prima di rimuovere:
- Coffee
- Tea
- Milk
Dopo aver rimosso:
- Coffee
- Milk
Esempio
Rimuovi un elemento <li> dal suo genitore e inseriscilo di nuovo:
var item = document.getElementById("myLI");
function removeLi() {
item.parentNode.removeChild(item);
}
function appendLi() {
var list = document.getElementById("myList");
list.appendChild(item);
}
Esempio
Rimuovi un elemento <span> dal suo genitore e inseriscilo in un elemento <h1> 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);
}