HTML DOM replaceChild() Yöntemi
Örnek
Listedeki bir <li> öğesindeki metin düğümünü yeni bir metin düğümüyle değiştirin:
// 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"
Değiştirmeden önce:
- Coffee
- Tea
- Milk
Değiştirdikten sonra:
- Water
- Tea
- Milk
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
replaceChild() yöntemi, bir alt düğümü yeni bir düğümle değiştirir.
Yeni düğüm, belgedeki mevcut bir düğüm olabilir veya yeni bir düğüm oluşturabilirsiniz.
İpucu: Bir öğeden bir alt düğümü kaldırmak için removeChild() yöntemini kullanın.
Tarayıcı Desteği
Method | |||||
---|---|---|---|---|---|
replaceChild() | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
node.replaceChild(newnode, oldnode)
Parametre Değerleri
Parameter | Type | Description |
---|---|---|
newnode | Node object | Required. The node object you want to insert |
oldnode | Node object | Required. The node object you want to remove |
Teknik detaylar
Geri dönüş değeri: | Değiştirilen düğümü temsil eden bir Düğüm nesnesi |
---|---|
DOM Sürümü | Çekirdek Düzey 1 Düğüm Nesnesi |
Daha fazla örnek
Örnek
Listedeki bir <li> öğesini yeni bir <li> öğesiyle değiştirin:
// 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
Kaldırmadan önce:
- Coffee
- Tea
- Milk
Kaldırdıktan sonra:
- Water
- Tea
- Milk