Méthode HTML DOM replaceChild()
Exemple
Remplacez un nœud de texte dans un élément <li> dans une liste par 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 remplacer :
- Coffee
- Tea
- Milk
Après remplacement :
- Water
- Tea
- Milk
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La méthode replaceChild() remplace un nœud enfant par un nouveau nœud.
Le nouveau nœud peut être un nœud existant dans le document, ou vous pouvez créer un nouveau nœud.
Astuce : Utilisez la méthode removeChild() pour supprimer un nœud enfant d'un élément.
Prise en charge du navigateur
Method | |||||
---|---|---|---|---|---|
replaceChild() | Yes | Yes | Yes | Yes | Yes |
Syntaxe
node.replaceChild(newnode, oldnode)
Valeurs des paramètres
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 |
Détails techniques
Valeur de retour : | Un objet Node, représentant le nœud remplacé |
---|---|
Version DOM | Objet de nœud principal de niveau 1 |
Plus d'exemples
Exemple
Remplacez un élément <li> dans une liste par un nouvel élément <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
Avant de supprimer :
- Coffee
- Tea
- Milk
Après suppression :
- Water
- Tea
- Milk