Gli ultimi tutorial di sviluppo web
 

HTML DOM removeChild() Method

<Oggetto Element

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()

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

Esempi

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 "

<Oggetto Element