XML DOM appendChild() 方法
❮ Node 对象
示例
以下代码片段加载 "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() 方法将新子节点追加到节点的子节点列表的末尾。
注意:如果 newchild 已经在树中,它会被首先移除。
浏览器支持
appendChild() 方法在所有主要浏览器中都得到支持。
语法
nodeObject.appendChild(newchild)
参数 | 描述 |
---|---|
newchild | 要添加(追加)的节点 |
返回值
类型 | 描述 |
---|---|
节点对象 | 已追加的节点 |
技术详情
DOM 版本 | Core Level 1 Node Object。在 DOM Level 3 中修改 |
---|
实际操作演示
appendChild() - 将子节点追加到所有 <book> 节点
❮ Node 对象