Esempio
Sostituire un nodo di testo in un <li> elemento in una lista con un nuovo nodo di testo:
// 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"Prima di rimuovere:
- Coffee
- Tea
- Milk
Dopo aver rimosso:
- Water
- Tea
- Milk
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
Il replaceChild() metodo sostituisce un nodo figlio con un nuovo nodo.
Il nuovo nodo potrebbe essere un nodo esistente nel documento, oppure è possibile creare un nuovo nodo.
Suggerimento: Utilizzare la removeChild() metodo per rimuovere un nodo figlio da un elemento.
Supporto browser
| Metodo | |||||
|---|---|---|---|---|---|
| replaceChild() | sì | sì | sì | sì | sì |
Sintassi
valori dei parametri Parametro Tipo Descrizione newnode Node object Necessario. L'oggetto nodo che si desidera inserire oldnode Node object Necessario. L'oggetto nodo che si desidera rimuovere
Dettagli tecnici
Valore di ritorno: Un oggetto Node, che rappresenta il nodo sostituito DOM Version Nucleo Livello 1 Nodo Oggetto
Altri esempi
Esempio
Sostituire un <li> elemento in una lista con un nuovo <li> Elemento:
// 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 Prima di rimuovere:
- Coffee
- Tea
- Milk
Dopo aver rimosso:
- Water
- Tea
- Milk
Prova tu stesso "