XML DOM insertBefore() 方法

定义和使用

insertBefore() 方法在现有子节点之前插入一个新的子节点。

此方法返回新的子节点。

浏览器支持

Internet Explorer	Chrome	FireFox	Safari	Opera

9.0（包含）以上支持	4.0（包含）以上支持	2.0（包含）以上支持	3.0（包含）以上支持	9.0（包含）以上支持

所有主流的浏览器均支持 insertBefore() 方法。

语法

elementNode.insertBefore(new_node,existing_node)

参数

参数	必需的	描述
new_node	是	要插入的节点
existing_node	是	现有节点。新节点将插入到该节点之前。

示例

以下代码片段将 "books.xml" 加载到 xmlDoc 中，创建一个新的<book>节点并将其插入到最后一个<book>元素之前：

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
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 xmlDoc = xml.responseXML;
    var newNode = xmlDoc.createElement("book");
    var x = xmlDoc.documentElement;
    var y = xmlDoc.getElementsByTagName("book");
    document.getElementById("demo").innerHTML =
    "Book elements before: " + y.length + "<br>";

    x.insertBefore(newNode, y[3]);
    document.getElementById("demo").innerHTML +=
    "Book elements after: " + y.length;
}
</script>

</body>
</html>

尝试一下