Exemple
Remplacer un nœud de texte dans un <li> élément dans une liste avec un nouveau nœud de texte:
// 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"Avant de retirer:
- Coffee
- Tea
- Milk
Après avoir retiré:
- Water
- Tea
- Milk
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le replaceChild() méthode remplace un nœud enfant avec un nouveau nœud.
Le nouveau nœud pourrait être un nœud existant dans le document, ou vous pouvez créer un nouveau nœud.
Conseil: Utiliser la removeChild() méthode pour supprimer un noeud enfant d'un élément.
Support du navigateur
| méthode | |||||
|---|---|---|---|---|---|
| replaceChild() | Oui | Oui | Oui | Oui | Oui |
Syntaxe
Les valeurs des paramètres Paramètre Type La description newnode Node object Champs obligatoires. L'objet de nœud que vous souhaitez insérer oldnode Node object Champs obligatoires. L'objet de nœud que vous souhaitez supprimer
Détails techniques
Valeur de retour: Un objet de noeud représentant le noeud remplacé version DOM Niveau de base 1 Noeud objet
autres exemples
Exemple
Remplacer un <li> élément dans une liste avec un nouveau <li> élément:
// 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 Avant de retirer:
- Coffee
- Tea
- Milk
Après avoir retiré:
- Water
- Tea
- Milk
Essayez vous - même »