Eventi HTML DOM Oggetti Eventi (Event Objects)

Metodo replaceChild() dell'HTML DOM

replaceChild()Il metodo sostituisce il nodo figlio con un nuovo nodo nel nodo padre fornito.

Il nuovo nodo può essere un nodo esistente nel documento, o può essere creato un nuovo nodo.

UsoremoveChild()Il metodo rimuove il nodo figlio dal nodo padre.

Sintassi:

node.replaceChild(newNode, oldNode)

Esempio

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

Prova a vedere‹/›

Compatibilità del browser

Tutti i browser supportano completamente il metodo replaceChild():

Metodo
replaceChild()	È	È	È	È	È

Valore del parametro

Parametro	Descrizione
newNode	L'oggetto del nodo che si desidera inserire
oldNode	L'oggetto del nodo che si desidera eliminare

Dettagli tecnici

Valore di ritorno:	Un oggetto Node, che rappresenta il nodo di sostituzione
Versione DOM:	Livello DOM 1

Altri esempi

Crea un nuovo nodo e sostituiscilo con un nodo esistente:

Esempio

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);

Prova a vedere‹/›

Riferimenti correlati

Riferimento HTML DOM:node Metodo .parentNode()

Riferimento HTML DOM:node Metodo .hasChildNodes()

Riferimento HTML DOM:node Metodo .appendChild()

Riferimento HTML DOM:node Metodo .insertBefore()

Riferimento HTML DOM:node Metodo .removeChild()

Oggetto Elemento HTML DOM