Exemplu
Înlocuiți un nod text într - un <li> element dintr - o listă cu un nou nod de text:
// 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"
Înainte de a scoate:
- Coffee
- Tea
- Milk
După îndepărtarea:
- Water
- Tea
- Milk
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
replaceChild() metoda înlocuiește un nod copil cu un nou nod.
Noul nod ar putea fi un nod existent în document, sau puteți crea un nou nod.
Sfat: utilizați removeChild() metoda pentru a elimina un nod copil dintr - un element.
Suport pentru browser-
Metodă | |||||
---|---|---|---|---|---|
replaceChild() | da | da | da | da | da |
Sintaxă
Valorile parametrilor Parametru Tip Descriere newnode Node object Necesar. Obiectul nod pe care doriți să inserați oldnode Node object Necesar. Obiectul nod pe care doriți să eliminați
Detalii tehnice
Întoarcere Valoare: Un obiect Node, reprezentând nodul înlocuit DOM Versiunea Nivelul Core 1 Nod Obiect
Mai multe exemple
Exemplu
Înlocuiți o <li> element dintr - o listă cu un nou <li> Element:
// 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 Înainte de a scoate:
- Coffee
- Tea
- Milk
După îndepărtarea:
- Water
- Tea
- Milk
Încearcă - l singur »