Метод replaceChild() в HTML DOM

Объект элемента HTML DOM

replaceChild()Метод заменяет подузел новым узлом в данном родительском узле.

Новый узел может быть существующим узлом в документе или новым узлом, созданным.

ИспользованиеremoveChild()Метод удаляет подузел из родительского узла.

Синтаксис:

node.replaceChild(newNode, oldNode)

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

Совместимость с браузерами

Все браузеры полностью поддерживают метод replaceChild():

Значение параметра

Технические детали

Более примеров

Создайте новый узел и замените его существующим узлом:

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

См. также

Референс HTML DOMnode Метод .parentNode()

Референс HTML DOMnode Метод .hasChildNodes()

Референс HTML DOMnode Метод .appendChild()

Референс HTML DOMnode Метод .insertBefore()

Референс HTML DOMnode Метод .removeChild()

Объект элемента HTML DOM