Örnek
Bir bir metin düğümü değiştirin <li> yeni bir metin düğümü ile bir listede eleman:
// 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"çıkarmadan önce:
- Coffee
- Tea
- Milk
çıkardıktan sonra:
- Water
- Tea
- Milk
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
replaceChild() yöntemi yeni bir düğüm ile bir çocuk düğüm değiştirir.
Yeni düğüm belgede varolan düğüm olabilir veya yeni bir düğüm oluşturabilir.
İpucu: kullan removeChild() Bir elemanın bir alt düğüm kaldırmak için yöntem.
Tarayıcı Desteği
| Yöntem | |||||
|---|---|---|---|---|---|
| replaceChild() | Evet | Evet | Evet | Evet | Evet |
Sözdizimi
Parametre Değerleri Parametre tip Açıklama newnode Node object Gereklidir. Eklemek istediğiniz düğüm nesnesi oldnode Node object Gereklidir. Kaldırmak istediğiniz düğüm nesnesi
Teknik detaylar
Geri dönüş değeri: ikame düğümü temsil eden bir düğüm bir amacı, DOM Sürüm Çekirdek Seviye 1 Düğüm Nesne
Diğer Örnekler
Örnek
Bir değiştirin <li> Yeni bir listede eleman <li> elemanı:
// 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 çıkarmadan önce:
- Coffee
- Tea
- Milk
çıkardıktan sonra:
- Water
- Tea
- Milk
Kendin dene "