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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Javascript初学者实例教程(12):访问XML节点

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 175 ::

收藏到网摘: n/a

Javascript初学者实例教程(11):鼠标动作 JavaScript类

实例十二

本实例主要介绍了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>

效果演示：

<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文件。

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

延续实例

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

效果演示：

<html> <head> <title>按名称访问XML文档中的元素</title> <script 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> </head> <body> 点下我看看》》》<input type="button" name="Submit" value="按钮" onClick="GetInfo()"> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

Javascript初学者实例教程(11):鼠标动作 JavaScript类

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

评论 (0) All