HTML DOM removeChild() Method

<Elemento de objeto

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

O removeChild() método remove um nó filho especificado do elemento especificado.

Retorna o nó removido como um objeto Node, ou null se o nó não existe.

Nota: O nó filho removido não faz mais parte do DOM. No entanto, com a referência retornado por este método, é possível inserir a criança removida para um elemento de cada vez mais tarde (See "More Examples") .

Dica: Use o appendChild() ou insertBefore() método para inserir o nó removido no mesmo documento. Para inseri-lo para outro documento, use o documento. adoptNode() ou documento. importNode() método.

Suporte navegador

Sintaxe

Os valores dos parâmetros

Parâmetro	Tipo	Descrição
node	Node object	Requeridos. O objeto nó que deseja remover

Detalhes técnicos

Valor de retorno:	Um objecto do nó, que representa o nó removido, ou nulo, se o nó não existe
DOM Versão	Núcleo Nível Objeto 1 Node

---

mais Exemplos

Exemplo

Descubra se a lista tem os nós filho. Se assim for, remova seu primeiro nó filho (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]);
}

Antes de remover:

• Coffee
• Tea
• Milk

Antes de remover:

• Tea
• Milk

Tente você mesmo "

Exemplo

Remova todos os nós filhos de uma 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);
}

Antes de remover:

• Coffee
• Tea
• Milk

Depois de remover:

Tente você mesmo "

Exemplo

Remover um <li> elemento com id = "Myli" do seu elemento pai (sem especificar seu nó pai):

var item = document.getElementById("myLI");
item.parentNode.removeChild(item);

Antes de remover:

• Coffee
• Tea
• Milk

Depois de remover:

• Coffee
• Milk

Tente você mesmo "

Exemplo

Remover um <li> elemento de seu pai, e inseri-lo novamente:

var item = document.getElementById("myLI");

function removeLi() {
    item.parentNode.removeChild(item);
}

function appendLi() {
    var list = document.getElementById("myList");
    list.appendChild(item);
}

Tente você mesmo "

Exemplo

Remover um <span> elemento de seu pai e inseri-lo a um <h1> elemento em outro 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);
}

Tente você mesmo "

---

<Elemento de objeto