在本章中,我们将研究XML DOM Remove Node操作。remove节点操作从文档中删除指定的节点。可以实现该操作以移除诸如文本节点,元素节点或属性节点的节点。
以下是用于删除节点操作的方法:
removeChild()
removeAttribute()
removeChild()方法从child 列表中删除oldChild指示的childNode,并返回它。删除childNode等同于删除文本节点。因此,删除childNode将删除与其相关联的文本节点。
使用removeChild()的语法如下:
Node removeChild(Node oldChild)抛出DOMException
哪里:
oldChild:正在删除的节点。
此方法返回节点已删除。
以下示例(removecurrentnode_example.htm)将XML文档(“ node.xml ” )解析为XML DOM对象,并从父节点中删除指定的节点<ContactNo>。
<!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("/dom/node.xml"); document.write("<b>Before remove operation, total ContactNo elements: </b>"); document.write(xmlDoc.getElementsByTagName("ContactNo").length); document.write("<br>"); x = xmlDoc.getElementsByTagName("ContactNo")[0]; x.parentNode.removeChild(x); document.write("<b>After remove operation, total ContactNo elements: </b>"); document.write(xmlDoc.getElementsByTagName("ContactNo").length); </script> </body> </html>
在上面的例子中:
x = xmlDoc.getElementsByTagName(“ContactNo”)[0]将元素<ContactNo>索引为0。
x.parentNode.removeChild(x); 删除从父节点索引为0的元素<ContactNo>。
将此文件作为removecurrentnode_example.htm保存在服务器路径上(此文件和node.xml应与服务器中相同的路径)。我们得到以下结果:
删除操作前,TotalNo元素总数:3 删除操作后,TotalNo元素总数:2
以下示例(removetextNode_example.htm)将XML文档(“ node.xml ” )解析为XML DOM对象,并删除指定的childNode<FirstName>。
<!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("/dom/node.xml"); x = xmlDoc.getElementsByTagName("FirstName")[0]; document.write("<b>Text node of child node before removal is:</b> "); document.write(x.childNodes.length); document.write("<br>"); y = x.childNodes[0]; x.removeChild(y); document.write("<b>Text node of child node after removal is:</b> "); document.write(x.childNodes.length); </script> </body> </html>
在上面的例子中:
x = xmlDoc.getElementsByTagName(“FirstName”)[0]; 获取第一个元素<FirstName>到索引为0 的x。
y = x.childNodes [0]; 在这行y中,保存要除去的childNode。
x.removeChild(y); 删除指定的childNode。
将此文件作为removetextNode_example.htm保存在服务器路径上(此文件和node.xml应位于服务器中的相同路径上)。我们得到以下结果:
移除前childNode的文本节点为:1 移除后childNode的文本节点为:0
removeAttribute()方法通过名称删除元素的属性。
使用removeAttribute()的语法如下:
void removeAttribute(java.lang.String name)throws DOMException 的removeAttribute (java的。郎。字符string名称)抛出抛出:DOMException
哪里:
name:要删除的属性的名称。
以下示例(removeelementattribute_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("/dom/node.xml"); x=xmlDoc.getElementsByTagName("Employee"); document.write(x[1].getAttribute("category")); document.write("<br>"); x[1].removeAttribute("category"); document.write(x[1].getAttribute("category")); </script> </body> </html>
在上面的例子中:
document.write(x [1] .getAttribute("category")); 调用第一位置索引的属性类别的值被调用。
x [1] .removeAttribute("category"); 删除属性值。
在服务器路径上将此文件另存为removeelementattribute_example.htm(此文件和node.xml应位于服务器中相同的路径上)。我们得到以下结果:
非技术性 空值