Método removeChild() do HTML DOM

Objeto Elemento do HTML DOM

removeChild()O método removeChild() remove um nó filho do DOM e retorna o nó removido.

Sintaxe:

node.removeChild(node)

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

Compatibilidade do navegador

Todos os navegadores suportam completamente o método removeChild():

Valor do parâmetro

Detalhes técnicos

Mais exemplos

Encontrar se o DIV possui qualquer nó filho. Se encontrar, exclua o primeiro elemento filho (índice 0):

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

Remover todos os elementos filhos do elemento:

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

Remover o elemento especificado sem especificar o nó pai:

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

Referências Relacionadas

Referência do HTML DOM:node Método .parentNode()

Referência do HTML DOM:node Método .hasChildNodes()

Referência do HTML DOM:node Método .appendChild()

Referência do HTML DOM:node Método .insertBefore()

Referência do HTML DOM:node Método .replaceChild()

Objeto Elemento do HTML DOM