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