HTML DOM replaceChild() Metode
Voorbeeld
Vervang 'n teksnodus in 'n <li>-element in 'n lys met 'n nuwe teksnodus:
// 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"
Voor vervanging:
- Coffee
- Tea
- Milk
Na vervanging:
- Water
- Tea
- Milk
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die replaceChild() metode vervang 'n kind node met 'n nuwe node.
Die nuwe nodus kan 'n bestaande nodus in die dokument wees, of jy kan 'n nuwe nodus skep.
Wenk: Gebruik die removeChild() metode om 'n kind node van 'n element te verwyder.
Blaaierondersteuning
Method | |||||
---|---|---|---|---|---|
replaceChild() | Yes | Yes | Yes | Yes | Yes |
Sintaksis
node.replaceChild(newnode, oldnode)
Parameterwaardes
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 |
Tegniese besonderhede
Terugkeerwaarde: | 'n Node-objek, wat die vervangde nodus verteenwoordig |
---|---|
DOM weergawe | Kernvlak 1 Node-objek |
Meer voorbeelde
Voorbeeld
Vervang 'n <li>-element in 'n lys met 'n nuwe <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
Voor verwydering:
- Coffee
- Tea
- Milk
Na verwydering:
- Water
- Tea
- Milk