XML DOM replaceChild() 方法

定义和用法

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

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

语法:

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

实例

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

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

//check if first child node is an element node
function get_firstchild(n)
{
x=n.firstChild;
while (x.nodeType!=1)
  {
  x=x.nextSibling;
  }
return x;
}
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("book")[0];
//create a title element and a text node
newNode=xmlDoc.createElement("title");
newText=xmlDoc.createTextNode("Giada's Family Dinners");
//add the text node to the title node,
newNode.appendChild(newText);
//최종 노드를 새 노드로 대체
x.replaceChild(newNode,get_firstchild(x));
y=xmlDoc.getElementsByTagName("title");
for (i=0;i<y.length;i++)
{
document.write(y[i].childNodes[0].nodeValue);
document.write("<br />");
}

출력:

Giada's Family Dinners
Harry Potter
XQuery Kick Start
Learning XML

비고:Internet Explorer는 노드 간에 생성된 공백 텍스트 노드(예: 줄 바꿈 기호)를 무시합니다.Mozilla는 이렇게 하지 않습니다. 따라서 위의 예제에서는 올바른 자식 요소를 생성하는 함수를 만들었습니다.

ヒント:IE와 Mozilla 브라우저의 차이에 대해 더 많은 내용을 알고 싶다면, CodeW3C.com의 XML DOM 교육을 방문하세요. DOM 브라우저 이 장.