Метод replaceChild()
Пример
Заменить текстовый узел в элементе <li> в списке новым текстовым узлом:
// Создайте новый текстовый узел с именем "Вода"
var textnode = document.createTextNode("Вода");
// Получить первый дочерний узел элемента <ul>
var item = document.getElementById("myList").childNodes[0];
// Замените первый дочерний узел <ul> на вновь созданный текстовый узел
item.replaceChild(textnode, item.childNodes[0]);
// Примечание: В этом примере заменяется только текстовый узел "Кофе" на текстовый узел "Вода"
Перед заменой:
- Кофе
- Чай
- Молоко
После замены:
- Вода
- Чай
- Молоко
Попробуйте сами »
Дополнительные примеры "Попробуй сам" приведены ниже.
Определение и использование
Метод replaceChild() заменяет дочерний узел новым узлом.
Новый узел может быть существующим узлом в документе, или вы можете создать новый узел.
Совет: Используйте метод removeChild() для удаления дочернего узла из элемента.
Поддержка браузера
Метод | |||||
---|---|---|---|---|---|
replaceChild() | Да | Да | Да | Да | Да |
Синтаксис
node.replaceChild(newnode, oldnode)
Параметр значений
Параметр | Тип | Описание |
---|---|---|
newnode | Объект node | Требуемый. Объект узел, который вы хотите вставить |
oldnode | Объект node | Требуемый. Узел Объект , который вы хотите удалить |
Технические детали
Вернёт значение | Объект узла, представляющий замененный узел |
---|---|
DOM Версия | Базового уровня 1 Объект узел |
Ещё примеры
Пример
Заменить элемент <li> в списке новым элементом <li>:
// Создайте новый элемент <li>
var elmnt = document.createElement("li");
// Создайте новый текстовый узел с именем "Вода"
var textnode = document.createTextNode("Вода");
// Добавьте текстовый узел к <li>
elmnt.appendChild(textnode);
// Получите элемент <ul> с id="myList"
var item = document.getElementById("myList");
// Замените первый дочерний узел (<li> с index 0) на <ul> с помощью вновь созданного элемента <li>
item.replaceChild(elmnt, item.childNodes[0]);
// Примечание: Этот пример заменяет весь элемент <li>
Перед удалением:
- Кофе
- Чай
- Молоко
После удаления:
- Вода
- Чай
- Молоко
Попробуйте сами »