XML DOM insertBefore() 方法

定义和用法

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

该方法返回这个新的子节点。

语法:

  1. elementNode.insertBefore(new_node,existing_node)
参数 描述
new_node 必需。要插入的节点。
existing_node 必需。已有节点。在此节点之前插入新节点。

提示和注释:

注释:Internet Explorer 会忽略节点之间生成的空白文本节点(比如换行字符),而 Mozilla 不这么做。因此,在下面的例子中,我们使用一个函数来检查最后一个子节点的节点类型。

元素节点的节点类型是 1,因此如果最后一个子节点不是元素节点,则移动到上一个节点,并检查这个节点是否是元素节点。这个过程一直会持续到找到最后一个属于元素节点的子节点为止。通过这个方法,在 Internet Explorer 和 Mozilla 中都会得到正确的结果。

如需更多有关 IE 与 Mozilla 浏览器差异的内容,请访问 XML DOM 教程中的 DOM 浏览器 这一节。

实例

在所有的例子中,我们将使用 XML 文件 books.xml,以及 JavaScript 函数 loadXMLDoc()

下面的代码片段创建一个新的 <book> 节点,并把它插到文档中最后一个 <book> 元素之前:

  1. //check if the last childnode is an element node
  2. function get_lastchild(n)
  3. {
  4. x=n.lastChild;
  5. while (x.nodeType!=1)
  6. {
  7. x=x.previousSibling;
  8. }
  9. return x;
  10. }
  11.  
  12. xmlDoc=loadXMLDoc("books.xml");
  13. newNode=xmlDoc.createElement("book");
  14. newTitle=xmlDoc.createElement("title");
  15. newText=xmlDoc.createTextNode("A Notebook");
  16. newTitle.appendChild(newText);
  17. newNode.appendChild(newTitle);
  18.  
  19. xmlDoc.documentElement.insertBefore(newNode,get_lastchild(x));