Ultimele tutoriale de dezvoltare web
 

HTML DOM replaceChild() Method

<Element Object

Exemplu

Înlocuiți un nod text într - un <li> element dintr - o listă cu un nou nod de text:

// 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"

Înainte de a scoate:

  • Coffee
  • Tea
  • Milk

După îndepărtarea:

  • Water
  • Tea
  • Milk
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

replaceChild() metoda înlocuiește un nod copil cu un nou nod.

Noul nod ar putea fi un nod existent în document, sau puteți crea un nou nod.

Sfat: utilizați removeChild() metoda pentru a elimina un nod copil dintr - un element.


Suport pentru browser-

Metodă
replaceChild() da da da da da

Sintaxă

Valorile parametrilor
Parametru Tip Descriere
newnode Node object Necesar. Obiectul nod pe care doriți să inserați
oldnode Node object Necesar. Obiectul nod pe care doriți să eliminați

Detalii tehnice

Întoarcere Valoare: Un obiect Node, reprezentând nodul înlocuit
DOM Versiunea Nivelul Core 1 Nod Obiect

Exemple

Mai multe exemple

Exemplu

Înlocuiți o <li> element dintr - o listă cu un nou <li> Element:

// 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

Înainte de a scoate:

  • Coffee
  • Tea
  • Milk

După îndepărtarea:

  • Water
  • Tea
  • Milk
Încearcă - l singur »

<Element Object