Método replaceChild() do HTML DOM

Objeto Elemento do HTML DOM

replaceChild()O método substitui o nó filho com o nó novo no nó pai fornecido.

O novo nó pode ser um nó existente no documento ou pode ser criado um novo nó.

UsoremoveChild()O método remove o nó filho do nó pai.

Sintaxe:

node.replaceChild(newNode, oldNode)

var newElem = document.querySelector("p");
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);

Compatibilidade do navegador

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

Valor do parâmetro

Detalhes técnicos

Mais Exemplos

Crie um novo nó e substitua-o pelo nó existente:

var newElem = document.createElement("h2");
var newContent = document.createTextNode("Hi there and greetings!");
newElem.appendChild(newContent);
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);

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

Objeto Elemento do HTML DOM