XML DOM设置节点的方法

发布时间：2023-09-21 11:05:16 所属栏目：教程来源：

导读：我们将学习如何更改XML DOM对象中节点的值。节点值可以更改(或设置)如下 -
var value = node.nodeValue;

如果node是Attribute类型，那么value变量将是属性的值; 如果node是Text类型，则它将是文本内容; 如果nod

我们将学习如何更改XML DOM对象中节点的值。节点值可以更改(或设置)如下 -
var value = node.nodeValue;

如果node是Attribute类型，那么value变量将是属性的值; 如果node是Text类型，则它将是文本内容; 如果node是Element类型，则它将为null。

以下部分将演示每种节点类型(Attribute，Text和Element类型)的节点值设置。

以下所有示例中使用的node.xml如下所示 -
<Company>
<Employee category = Technical id = firstelement>
<FirstName>Susen</FirstName>
<LastName>Su</LastName>
<ContactNo>1584567890</ContactNo>
<Email>susen@jb51.cc</Email>
</Employee>
<Employee category = Non-Technical>
<FirstName>Max</FirstName>
<LastName>Su</LastName>
<ContactNo>1334667898</ContactNo>
<Email>maxsu@jb51.cc</Email>
</Employee>
<Employee category = Management>
<FirstName>Min</FirstName>
<LastName>Su</LastName>
<ContactNo>1364562350</ContactNo>
<Email>minsu@jb51.cc</Email>
</Employee>
</Company>

1. 更改 Text 节点的值
当Node元素的更改值时，需要编辑元素的文本内容(也称为文本节点)。以下示例演示如何更改元素的Text节点。

示例
以下示例(set_text_node.html)将XML文档(node.xml)解析为XML DOM对象，并更改元素文本节点的值。在这个示例中，将每个员工的电子邮件更新为support@jb51.cc并打印值。

文件：set_text_node.html -

<!DOCTYPE html>
<html>
<head>
<script>
</script>
</head>
<body>
<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;
}
var xmlDoc = loadXMLDoc(/node.xml);
x = xmlDoc.getElementsByTagName(Email);
for(i = 0;i<x.length;i++) {
x[i].childNodes[0].nodeValue = support@jb51.cc;
document.write(i+ => );
document.write(x[i].childNodes[0].nodeValue);
document.write('<br>');
}
</script>
</body>
</html>
执行
将此文件保存为:set_text_node.html，放到服务器路径上(此文件和node.xml应位于服务器中的同一路径上)。

2. 更改属性节点的值
以下示例演示如何更改元素的属性节点。

示例
以下示例(set_attribute.html)将XML文档(node.xml)解析为XML DOM对象，并更改元素属性节点的值。在这种情况下，每个Employee元素的Category属性分别为：admin-0，admin-1，admin-2并打印它们的值。

文件：set_text_node.html -
<!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(/node.xml);
x = xmlDoc.getElementsByTagName(Employee);
for(i = 0 ;i<x.length;i++){
newcategory = x[i].getAttributeNode('category');
newcategory.nodeValue = admin-+i;
document.write(i+' => ');
document.write(x[i].getAttributeNode('category').nodeValue);
document.write('<br>');
}
</script>
</body>
</html>
执行
将此文件保存为:set_attribute.html，放到服务器路径上(此文件和node.xml应位于服务器中的同一路径上)。

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!