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 +
" - 版本: " +
z[i].childNodes[0].nodeValue + "<br>";
}
document.getElementById("demo").innerHTML = txt;
}
以上代码的输出将是
意大利美食 - 版本: 第一版
哈利波特 - 版本: 第一版
XQuery 快速入门 - 版本: 第一版
学习 XML - 版本: 第一版
试试看 »
❮ 元素对象
