Javascript初学者实例教程(12):访问XML节点

【 tulaoshi.com - Web开发 】

上一篇学习了：Javascript初学者实例教程(11):鼠标动作

实例十二

本实例主要介绍了js访问XML节点的应用，读节点最基本的有2中方法，我分2个实例发上来，方便学习。

html
head
title访问XML文档/title
script language="javascript"
function GetInfo()
{
 var document_xml = new ActiveXObject("Microsoft.XMLDOM");
 document_xml.load("info.xml");  //加载info.xml
 var RootNode = document_xml.documentElement;  //获得info.xml文档的根节点
 var FirstNode = RootNode.firstChild;  //获得根标记的第一个子节点
 var SecondNode = RootNode.lastChild;  //获得根标记的最后一个子节点
 var nameNode = FirstNode.firstChild;
 var ageNode = nameNode.nextSibling;  //获得nameNode节点的下一个兄弟结点
 var sexNode = FirstNode.lastChild;
 var str = "名称是:"+nameNode.firstChild.nodeValue+
    "n年龄是:"+ageNode.firstChild.nodeValue+
    "n性别是:"+sexNode.firstChild.nodeValue+
    "n描述是:"+SecondNode.firstChild.nodeValue;
 alert(str);
}
/script
/head
body
input type="button" name="Submit" value="按钮" onClick="GetInfo()"
/body
/html

效果演示：

htmlheadtitle访问XML文档/titlescript language="javascript"function GetInfo(){var document_xml = new ActiveXObject("Microsoft.XMLDOM");document_xml.load("info.xml"); //加载info.xmlvarRootNode = document_xml.documentElement; //获得info.xml文档的根节点var FirstNode = RootNode.firstChild; //获得根标记的第一个子节点var SecondNode = RootNode.lastChild; //获得根标记的最后一个子节点var nameNode = FirstNode.firstChild;var ageNode = nameNode.nextSibling; //获得nameNode节点的下一个兄弟结点var sexNode = FirstNode.lastChild;var str = "名称是:"+nameNode.firstChild.nodeValue+"n年龄是:"+ageNode.firstChild.nodeValue+"n性别是:"+sexNode.firstChild.nodeValue+"n描述是:"+SecondNode.firstChild.nodeValue;alert(str);}/script/headbodyinput type="button" name="Submit" value="按钮" onClick="GetInfo()"/body/html
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

下面的是XML文件。

？xml version="1.0" encoding="gb2312"？Infobasic country="china"name num="3"霍元甲/nameage42/agesex男/sex/basicdescription精武门的创始人/description/Info
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

延续实例

本实例主要介绍了js访问XML节点的应用，读节点的又一种方法，我上面发了一个，xml跟上面的一样就不重复了。

效果演示：

htmlheadtitle按名称访问XML文档中的元素/titlescript language="javascript"function GetInfo(){var document_xml = new ActiveXObject("Microsoft.XMLDOM");document_xml.load("info.xml");var nameNode = document_xml.getElementsByTagName("name"); //获得文档中所有name标记var ageNode = document_xml.getElementsByTagName("age"); //获得文档中所有age标记var sexNode = document_xml.getElementsByTagName("sex"); //获得文档中所有sex标记var desNode = document_xml.getElementsByTagName("description");//获得文档中所有description标记var str = "名称是:"+nameNode(0).firstChild.nodeValue+"n年龄是:"+ageNode(0).firstChild.nodeValue+"n性别是:"+sexNode(0).firstChild.nodeValue+"n描述是:"+desNode(0).firstChild.nodeValue; //将这些标记的文本内容添加进变量str中alert(str);}/script/headbody点下我看看》》》input type="button" name="Submit" value="按钮" onClick="GetInfo()"/body/html
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]