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

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

Javascript: 滚动条代码生成器; NiftyCube：轻松实现圆角边框; 懒就要懒到底：鼠标自动点击（含时间判断）; 简单form标准化实例：语义结构; 超清晰的document对象详解; 用正则获取指定路径文件的名称; 整理的比较不错的JavaScript的方法和技巧; 求得div 下 img的src地址的js代码; js+css实现的仿office2003界面; 一个不错的应用,用于提交获取文章内容，不推荐用; 插件：检测javascript的内存泄漏; 得到文本框选中的文字，动态插入文字的js代码; 翻译整理的jQuery使用查询手册; 一个的简易文本编辑器源码; HTML中不支持静态Expando的元素的问题; 用CSS打造多彩文字链接; 一个不错的用JavaScript实现的UBB编码函数; js实现的非常棒的绿色下拉透明菜单; 优秀js开源框架-jQuery使用手册(1); 学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例

No. « ‹ 193 194 195 196 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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