XML DOM replaceChild() 方法

定义和用法

replaceChild() 方法用其他节点替换某个子节点。

如成功，该方法返回被替换的节点，如失败，则返回 null。

语法：

  1. elementNode.replaceChild(new_node,old_node)
参数 描述
new_node 必需。规定新的节点。
old_node 必需。规定要替换的子节点。

实例

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

下面的代码片段替换 "books.xml" 中第一个 <book> 元素的第一个 <title> 元素：

  1. //check if first child node is an element node
  2. function get_firstchild(n)
  3. {
  4. x=n.firstChild;
  5. while (x.nodeType!=1)
  6.   {
  7.   x=x.nextSibling;
  8.   }
  9. return x;
  10. }
  11.  
  12. xmlDoc=loadXMLDoc("books.xml");
  13.  
  14. x=xmlDoc.getElementsByTagName("book")[0];
  15.  
  16. //create a title element and a text node
  17. newNode=xmlDoc.createElement("title");
  18. newText=xmlDoc.createTextNode("Giada's Family Dinners");
  19.  
  20. //add the text node to the title node,
  21. newNode.appendChild(newText);
  22.  
  23. //replace the last node with the new node
  24. x.replaceChild(newNode,get_firstchild(x));
  25.  
  26. y=xmlDoc.getElementsByTagName("title");
  27.  
  28. for (i=0;i<y.length;i++)
  29. {
  30. document.write(y[i].childNodes[0].nodeValue);
  31. document.write("<br />");
  32. }

输出：

  1. Giada's Family Dinners
  2. Harry Potter
  3. XQuery Kick Start
  4. Learning XML

注释：Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而 Mozilla 不会这样做。因此，在上面的例子中，我们创建了一个函数来创建正确的子元素。

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