Método replaceChild() de HTML DOM

Objeto Elemento DOM HTML

replaceChild()El método reemplaza el nodo hijo con el nuevo nodo en el nodo padre dado.

El nuevo nodo puede ser un nodo existente en el documento o puede crearse un nuevo nodo.

UsoremoveChild()El método elimina el nodo hijo del nodo padre.

Sintaxis:

node.replaceChild(newNode, oldNode)

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

Compatibilidad del navegador

Todos los navegadores soportan completamente el método replaceChild():

Valor del parámetro

Detalles técnicos

Más ejemplos

Crear un nuevo nodo y reemplazarlo con un nodo existente:

var newElem = document.createElement("h2");
var newContent = document.createTextNode("¡Hola allí y saludos!");
newElem.appendChild(newContent);
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);

Referencias relacionadas

Referencia DOM HTML:nodo Método .parentNode()

Referencia DOM HTML:nodo Método .hasChildNodes()

Referencia DOM HTML:nodo Método .appendChild()

Referencia DOM HTML:nodo Método .insertBefore()

Referencia DOM HTML:nodo Método .removeChild()

Objeto Elemento DOM HTML