XML DOM insertBefore() 方法
❮ 节点对象
示例
以下代码片段加载 "books.xml"，创建一个新的 <book> 节点，并将其插入到最后一个 <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 newNode = xmlDoc.createElement("book");
var x = xmlDoc.documentElement;
var y = xmlDoc.getElementsByTagName("book");
document.getElementById("demo").innerHTML =
"Book 元素之前: " + y.length + "<br>";
x.insertBefore(newNode, y[3]);
document.getElementById("demo").innerHTML +=
"Book 元素之后: " + y.length;
}
上述代码的输出将是
Book 元素之前: 4
Book 元素之后: 5
自己尝试 »
定义和用法
insertBefore() 方法在当前节点的指定子节点之前插入一个新的子节点。
注意：如果 newchild 已经存在于树中，则先将其删除。
浏览器支持
insertBefore() 方法在所有主流浏览器中都支持。
语法
nodeObject.insertBefore(newchild,existingnode)参数
| 参数 | 类型 | 描述 |
|---|---|---|
| newchild | 节点对象 | 必需。要插入的新的子节点。 |
| existingnode | 节点对象 | 必需。要在其之前插入新子节点的节点。如果 existingnode 为 null，则在子节点列表的末尾插入 newchild。 |
返回值
| 类型 | 描述 |
|---|---|
| 节点对象 | 插入的节点。 |
技术细节
| DOM 版本 | 核心级别 1 节点对象。在 DOM 级别 3 中修改。 |
|---|
❮ 节点对象
