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() 方法将新的子节点追加到节点的子节点列表的末尾。
注意： 如果newchild 已经存在于树中，则首先会将其删除。
浏览器支持
appendChild() 方法在所有主流浏览器中都受支持。
语法
nodeObject.appendChild(newchild)| 参数 | 描述 |
|---|---|
| newchild | 要添加（追加）的节点 |
返回值
| 类型 | 描述 |
|---|---|
| 节点对象 | 追加的节点 |
技术细节
| DOM 版本 | 核心级别 1 节点对象。在 DOM 级别 3 中修改 |
|---|
动手尝试演示
appendChild() - 将子节点追加到所有 <book> 节点
❮ 节点对象
