XML DOM replaceChild() Yöntemi
❮ Düğüm Nesnesi
Örnek
Aşağıdaki kod parçası, " books.xml " dosyasını xmlDoc'a yükler ve ilk <book> öğesinin yerini alır:
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
var x, y, z, i, newNode, newTitle, newText,
xmlDoc, txt;
xmlDoc = xml.responseXML;
txt = "";
x = xmlDoc.documentElement;
// Create a book
element, title element and a text node
newNode = xmlDoc.createElement("book");
newTitle = xmlDoc.createElement("title");
newText = xmlDoc.createTextNode("A
Notebook");
// Add a text node to the title node
newTitle.appendChild(newText);
// Add the title node to the book node
newNode.appendChild(newTitle);
y = xmlDoc.getElementsByTagName("book")[0];
// Replace the first book node with the new book node
x.replaceChild(newNode,
y);
z = xmlDoc.getElementsByTagName("title");
// Output all titles
for (i = 0; i < z.length; i++) {
txt += z[i].childNodes[0].nodeValue
+ "<br>";
}
document.getElementById("demo").innerHTML = txt;
}
Yukarıdaki kodun çıktısı şöyle olacaktır:
A Notebook
Harry Potter
XQuery Kick Start
Learning XML
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: Değiştirilen alt düğüm daha sonra aynı belgedeki herhangi bir öğeye eklenebilir. Daha sonra aynı belgeye eklemek için insertBefore() veya appendChild() yöntemini veya değiştirilen düğümü başka bir belgeye eklemek için benimsemeNode() veya importNode() yöntemini kullanın.
Tarayıcı Desteği
replaceChild() yöntemi, tüm büyük tarayıcılarda desteklenir.
Sözdizimi
nodeObject.replaceChild(newchild,oldchild)
parametreler
Parameter | Type | Description |
---|---|---|
newchild | Node object | Required. The new node to put in the child list |
oldchild | Node object | Required. The node that will be replaced in the child list |
Geri dönüş değeri
Type | Description |
---|---|
Node object | The replaced node (oldchild) |
Teknik detaylar
DOM Sürümü | Çekirdek Düzey 1 Düğüm Nesnesi. DOM Düzey 3'te değiştirildi |
---|
❮ Düğüm Nesnesi