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