Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM replaceChild() Method

<Element Przedmiot

Przykład

Wymień węzeł tekstu w <li> elementu w liście z nowego węzła tekstowego:

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

Przed zdjęciem:

  • Coffee
  • Tea
  • Milk

Po zdjęciu:

  • Water
  • Tea
  • Milk
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

replaceChild() metoda zastępuje węzeł dziecko z nowego węzła.

Nowy węzeł może być istniejący węzeł w dokumencie, czy można utworzyć nowy węzeł.

Ważne: Z removeChild() sposobu w celu usunięcia węzeł podrzędny z elementu.


Wsparcie przeglądarka

metoda
replaceChild() tak tak tak tak tak

Składnia

wartości parametrów
Parametr Rodzaj Opis
newnode Node object Wymagany. Przedmiotem węzeł chcesz wstawić
oldnode Node object Wymagany. Przedmiotem węzeł chcesz usunąć

Szczegóły techniczne

Zwracana wartość: Obiekt węzeł reprezentujący wymieniony węzeł
DOM Version Rdzeń poziomu obiektu 1 Węzeł

Przykłady

Więcej przykładów

Przykład

Zastąpić <li> elementu na liście z nowym <li> elementu:

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

Przed zdjęciem:

  • Coffee
  • Tea
  • Milk

Po zdjęciu:

  • Water
  • Tea
  • Milk
Spróbuj sam "

<Element Przedmiot