Метод HTML DOM replaceChild()
Пример
Замените текстовый узел в элементе <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
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Метод replaceChild() заменяет дочерний узел новым узлом.
Новый узел может быть существующим узлом в документе, или вы можете создать новый узел.
Совет: используйте метод removeChild() , чтобы удалить дочерний узел из элемента.
Поддержка браузера
Method | |||||
---|---|---|---|---|---|
replaceChild() | Yes | Yes | Yes | Yes | Yes |
Синтаксис
node.replaceChild(newnode, oldnode)
Значения параметров
Parameter | Type | Description |
---|---|---|
newnode | Node object | Required. The node object you want to insert |
oldnode | Node object | Required. The node object you want to remove |
Технические детали
Возвращаемое значение: | Объект Node, представляющий замененный узел |
---|---|
DOM-версия | Базовый объект узла уровня 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