XML DOM insertBefore() 方法
❮ Node 对象
示例
以下代码片段加载 "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 版本 | Core Level 1 Node Object。在 DOM Level 3 中修改 |
---|
❮ Node 对象