пример
Заменить текстовый узел в <li> элемента в списке с новым текстовым узлом:
// Create a new text node called "Water"
var textnode = document.createTextNode("Water");
// Get the first child node of an <ul> element
var item =
document.getElementById("myList").childNodes[0];
// Replace
the first child node of <ul> with the newly created text node
item.replaceChild(textnode, item.childNodes[0]);
// Note: This example replaces only the Text node
"Coffee" with a Text node "Water"Перед удалением:
- Coffee
- Tea
- Milk
После удаления:
- Water
- Tea
- Milk
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
replaceChild() метод заменяет дочерний узел с новым узлом.
Новый узел может быть существующий узел в документе, или вы можете создать новый узел.
Совет: Используйте removeChild() метод , чтобы удалить дочерний узел из элемента.
Поддержка браузеров
| метод | |||||
|---|---|---|---|---|---|
| replaceChild() | да | да | да | да | да |
Синтаксис
Значения параметров параметр Тип Описание newnode Node object Необходимые. Объект узла вы хотите вставить oldnode Node object Необходимые. Объект узла вы хотите удалить
Технические подробности
Возвращаемое значение: Объект Узел, представляющий заменить узел DOM Version Базовый уровень 1 Узел объект
Еще примеры
пример
Замените <li> элемент в списке с новым <li> элемента:
// Create a new <li> element
var elmnt = document.createElement("li");
// Create a new text node called "Water"
var textnode = document.createTextNode("Water");
// Append the text
node to <li>
elmnt.appendChild(textnode);
// Get the <ul> element
with id="myList"
var item = document.getElementById("myList");
//
Replace the first child node (<li> with index 0) in <ul> with the newly
created <li> element
item.replaceChild(elmnt, item.childNodes[0]);
// Note: This example replaces the entire <li> element Перед удалением:
- Coffee
- Tea
- Milk
После удаления:
- Water
- Tea
- Milk
Попробуй сам "