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

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

Javascript: 一个简单的收缩菜单效果; HTML-CSS群中单选引发的“事件”; 打开超链需要“确认”对话框的方法; 用js实现网页上模仿桌面右键菜单; 可以文本显示的公告栏的js代码; [原创]js与自动伸缩图片自动缩小图片的多浏览器兼容的方法总结; 极致之美：百行代码实现全新智能语言; 表单(FORM)的一些实用效果代码; [原创]提供复制本站内容时出现,该文章转自等字样的js代码; javascript中巧用“闭包”实现程序的暂停执行功能; 给网站上的广告“加速”显示的方法; [原创]jser必看的破解javascript各种加密的反向思维方法; 用javascript代替marquee的滚动字幕效果代码; 静态页面下用javascript操作ACCESS数据库(读增改删)的代码; [原创]由亿起发(eqifa.com)的页面发现顶部的http://16a.us/8.js想到的js解密; [原创]站长必须要知道的javascript广告代码; js defineSetter -给js的 "class"自动增加一个set的属性(方法); Javascript & DHTML 实例编程（教程）（三）初级实例篇1—上传文件控件实例; WordPress 插件：CoolCode使用方法与下载; 文档处理系列：随时更新

No. « ‹ 181 182 183 184 › »

技术文章搜索

关键字

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

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

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