Beispiel
Ersetzen Sie einen Textknoten in einem <li> Elemente in einer Liste mit einem neuen Textknoten:
// 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"Vor dem Entfernen:
- Coffee
- Tea
- Milk
Nach dem Entfernen:
- Water
- Tea
- Milk
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die replaceChild() Methode ersetzt einen untergeordneten Knoten mit einem neuen Knoten.
Der neue Knoten könnte ein vorhandener Knoten in dem Dokument sein, oder Sie können einen neuen Knoten erstellen.
Tipp: Verwenden Sie die removeChild() Methode einen untergeordneten Knoten von einem Element zu entfernen.
Browser-Unterstützung
| Methode | |||||
|---|---|---|---|---|---|
| replaceChild() | Ja | Ja | Ja | Ja | Ja |
Syntax
Parameterwerte Parameter Art Beschreibung newnode Node object Erforderlich. Der Knoten Objekt Sie einfügen möchten oldnode Node object Erforderlich. Der Knoten Objekt, das Sie entfernen möchten
Technische Details
Rückgabewert: Ein Knotenobjekt, die den Knoten ausgetauscht DOM Version Core Level 1 Knoten Object
Mehr Beispiele
Beispiel
Ersetzen Sie ein <li> Element in einer Liste mit einem neuen <li> Elemente:
// 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 Vor dem Entfernen:
- Coffee
- Tea
- Milk
Nach dem Entfernen:
- Water
- Tea
- Milk
Versuch es selber "