Javascript初学者实例教程(12):访问XML节点
上一篇JS教程学习了：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>
效果演示：
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
下面的是XML文件。
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
延续实例
本实例主要介绍了js访问XML节点的应用，读节点的又一种方法，我上面发了一个，xml跟上面的一样就不重复了。
效果演示：
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]