在本章中,我们将研究XML DOM对象中的替换节点操作.我们知道DOM中的所有内容都保存在一个称为节点的分层信息单元中,替换节点提供了另一种更新这些指定节点或文本节点的方法.
以下是两种方法替换节点.
replaceChild()
replaceData()
方法 replaceChild()用新节点替换指定节点./p>
insertData()具有以下语法 :
Node replaceChild(Node newChild, Node oldChild) throws DOMException
其中,
newChild : 是放入子列表的新节点.
oldChild : 是列表中被替换的节点.
此方法返回被替换的节点.
以下示例(replacenode_example.htm)解析XML文档( node.xml )到XML DOM对象并替换指定的节点< FirstName>使用新节点< Name>.
<!DOCTYPE html> <html> <head> <script> function loadXMLDoc(filename) { if (window.XMLHttpRequest) { xhttp = new XMLHttpRequest(); } else // code for IE5 and IE6 { xhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xhttp.open("GET",filename,false); xhttp.send(); return xhttp.responseXML; } </script> </head> <body> <script> xmlDoc = loadXMLDoc("https://img01.yuandaxia.cn/Content/img/tutorials/dom/node.xml"); x = xmlDoc.documentElement; z = xmlDoc.getElementsByTagName("FirstName"); document.write("<b>Content of FirstName element before replace operation</b><br>"); for (i=0;i<z.length;i++) { document.write(z[i].childNodes[0].nodeValue); document.write("<br>"); } //create a Employee element, FirstName element and a text node newNode = xmlDoc.createElement("Employee"); newTitle = xmlDoc.createElement("Name"); newText = xmlDoc.createTextNode("MS Dhoni"); //add the text node to the title node, newTitle.appendChild(newText); //add the title node to the book node newNode.appendChild(newTitle); y = xmlDoc.getElementsByTagName("Employee")[0] //replace the first book node with the new node x.replaceChild(newNode,y); z = xmlDoc.getElementsByTagName("FirstName"); document.write("<b>Content of FirstName element after replace operation</b><br>"); for (i = 0;i<z.length;i++) { document.write(z[i].childNodes[0].nodeValue); document.write("<br>"); } </script> </body> </html>
将此文件保存为服务器路径上的replacenode_example.htm(此文件和node.xml应为在服务器的相同路径上).我们将得到如下所示的输出 :
Content of FirstName element before replace operation Tanmay Taniya Tanisha Content of FirstName element after replace operation Taniya Tanisha
方法replaceData()用指定的字符串替换从指定的16位单位偏移量开始的字符.
replaceData()具有以下语法 :
void replaceData(int offset, int count, java.lang.String arg) throws DOMException
其中
offset : 是开始替换的偏移量.
count : 是要替换的16位单元的数量.如果偏移量和计数之和超过长度,则替换数据末尾的所有16位单位.
arg DOMString .
以下示例(replacementata_example.htm)解析XML文档( node.xml )转换为XML DOM对象并替换它.
<!DOCTYPE html> <html> <head> <script> function loadXMLDoc(filename) { if (window.XMLHttpRequest) { xhttp = new XMLHttpRequest(); } else // code for IE5 and IE6 { xhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xhttp.open("GET",filename,false); xhttp.send(); return xhttp.responseXML; } </script> </head> <body> <script> xmlDoc = loadXMLDoc("https://img01.yuandaxia.cn/Content/img/tutorials/dom/node.xml"); x = xmlDoc.getElementsByTagName("ContactNo")[0].childNodes[0]; document.write("<b>ContactNo before replace operation:</b> "+x.nodeValue); x.replaceData(1,5,"9999999"); document.write("<br>"); document.write("<b>ContactNo after replace operation:</b> "+x.nodeValue); </script> </body> </html>
在上面的例子中 :
x.replaceData(2,3,"999"); : 这里 x 保存指定元素的文本< ContactNo>其文本由新文本"9999999"替换,从位置 1 开始直到 5 的长度.
将此文件保存为服务器路径上的 replacementata_example.htm (此文件和node.xml应该在您的服务器上的相同路径上).我们将得到如下所示的输出 :
ContactNo before replace operation: 1234567890 ContactNo after replace operation: 199999997890