Метод replaceChild()
Пример element.replaceChild()
Замените текстовый узел в элементе <li> новым текстовым узлом:
const newNode = document.createTextNode("Вода");
const element = document.getElementById("myList").children[0];
element.replaceChild(newNode, element.childNodes[0]);
Описание replaceChild()
Метод replaceChild() заменяет дочерний узел новым узлом.
Связные страницы replaceChild()
Метод Document:
Синтаксис replaceChild()
node.replaceChild(newnode, oldnode)
Параметры replaceChild()
| Параметр | Описание |
|---|---|
| newnode | Обязательно. Узел для вставки. |
| oldnode | Обязательно. Узел, который необходимо удалить. |
Возвращаемое значение replaceChild()
| Тип | Описание |
|---|---|
| Node | Замененный узел. |
Ещё примеры replaceChild()
Замените элемент <li> новым элементом <li>:
// Создайте новый элемент <li>:
const element = document.createElement("li");
// Создайте новый текстовый узел:
const textNode = document.createTextNode("Вода");
// Добавьте текстовый узел к элементу <li>:
element.appendChild(textNode);
// Получите элемент <ul> с помощью id="myList":
const list = document.getElementById("myList");
// Замените первый дочерний узел новым элементом <li>:
list.replaceChild(element, list.childNodes[0]);
До:
- Кофе
- Чай
- Молоко
После:
- Вода
- Чай
- Молоко
Поддержка replaceChild()
element.replaceChild() является функцией DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |