XML DOM appendChild() 方法
❮ 元素对象
示例
下面的代码片段加载 "books.xml" 到 xmlDoc,并创建一个节点 (<edition>),然后将其添加到第一个 <book> 节点的最后一个子节点之后。
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 xmlDoc = xml.responseXML;
var newel = xmlDoc.createElement("edition");
var x = xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);
document.getElementById("demo").innerHTML =
x.getElementsByTagName("edition")[0].nodeName;
}
上面代码的输出将是
edition
自己动手试一试 »
定义和用法
appendChild() 方法将一个节点添加到指定元素节点的最后一个子节点之后。
此方法返回新创建的子节点。
语法
appendChild(node)
参数 | 描述 |
---|---|
node | 必需。要添加的节点。 |
示例
下面的代码片段加载 "books.xml" 到 xmlDoc,并将一个新节点添加到所有 <book> 元素之后。
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
myFunction(xhttp);
}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
var x, y, z, i, newel, newtext, xmlDoc, txt;
xmlDoc = xml.responseXML;
txt = "";
x = xmlDoc.getElementsByTagName("book");
for (i = 0; i < x.length; i++) {
newel = xmlDoc.createElement("edition");
newtext = xmlDoc.createTextNode("first");
newel.appendChild(newtext);
x[i].appendChild(newel);
}
// 输出所有标题和版本
y = xmlDoc.getElementsByTagName("title");
z = xmlDoc.getElementsByTagName("edition");
for (i = 0; i < y.length; i++) {
txt += y[i].childNodes[0].nodeValue +
" - Edition: " +
z[i].childNodes[0].nodeValue + "<br>";
}
document.getElementById("demo").innerHTML = txt;
}
上面代码的输出将是
Everyday Italian - Edition: First
Harry Potter - Edition: First
XQuery Kick Start - Edition: First
Learning XML - Edition: First
自己动手试一试 »
❮ 元素对象