Element.replaceChild()

Element.replaceChild() - замінює дочірний елемент.

Синтаксис:

replaceElement = Element.replaceChild(newEl, oldEl);

Параметри:

replaceElement - зміна яка отримує замінений елемент.

Element - об'єкт Element.

newEl - елемент який необхідно вставити.

oldEl - елемент який необхідно замінити на newEl.

Опис:

replaceChild() метод об'єкту Element який замінює вказаний дочірний елементом на новий елемент.

Приклад:

абзац 1

абзац 2

абзац 3

абзац 4

var el = document.createElement("p");
el.innerText="тест";

var replaceEl=document.getElementById("test").replaceChild( el , document.getElementById("test").getElementsByTagName("p")[0] );

alert( replaceEl );

Змінюємо перший елемент P на створений елемент:

var newEl = document.createElement("p");
newEl.innerText="ТЕСТ";

var replaceEl = document.getElementById("test").replaceChild( newEl , document.getElementById("test").getElementsByTagName("p")[0] );

alert( replaceEl );

Зміняємо перший елемент P на третій елемент P:

var el = document.getElementById("test").getElementsByTagName("p")[0];

document.getElementById("test").replaceChild( el , document.getElementById("test").getElementsByTagName("p")[2] );