Méthode replaceChild() de HTML DOM

Objet Element HTML DOM

replaceChild()La méthode remplace le nœud enfant par un nouveau nœud dans le nœud parent donné.

Le nouveau nœud peut être un nœud existant dans le document, ou il peut être créé.

UtilisationremoveChild()La méthode supprime le nœud enfant à partir du nœud parent.

Syntaxe :

node.replaceChild(newNode, oldNode)

var newElem = document.querySelector("p");
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);

Compatibilité du navigateur

Tous les navigateurs prennent en charge complètement la méthode replaceChild() :

Valeur du paramètre

Détails techniques

Plus d'exemples

Créer un nouveau noeud et le remplacer par un noeud existant :

var newElem = document.createElement("h2");
var newContent = document.createTextNode("Hi there and greetings!");
newElem.appendChild(newContent);
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);

Références associées

Référence HTML DOM :node Méthode .parentNode()

Référence HTML DOM :node Méthode .hasChildNodes()

Référence HTML DOM :node Méthode .appendChild()

Référence HTML DOM :node Méthode .insertBefore()

Référence HTML DOM :node Méthode .removeChild()

Objet Element HTML DOM