XML DOM insertBefore() 方法

定义和使用

insertBefore() 方法在当前节点的指定子节点之前插入一个新的子节点。

注意：如果新子代已在树中，则首先将其删除。

浏览器支持

Internet Explorer	Chrome	FireFox	Safari	Opera

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

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

语法

nodeObject.insertBefore(newchild,existingnode)

参数

参数	类型	描述
newchild	节点对象	必填，要插入的新子节点
existingnode	节点对象	必填，要在其之前插入新子节点的节点。如果existnode为null，则在子代列表的末尾插入newchild

返回值

Node object	插入的节点
DOM 版本	核心级别1节点对象；在DOM级别3中修改

示例

以下代码片段将 "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 元素之前: " + y.length + "<br>";
        x.insertBefore(newNode, y[3]);
        document.getElementById("demo").innerHTML +=
        "Book 元素之后: " + y.length;
    }
  </script>
  
  </body>
</html>

尝试一下