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


上一篇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 全部选择 提示:你可先修改部分代码,再按运行]



相关阅读:
写给刚刚接触web标准的新人们
JavaScript类型检测小结
Vista开始菜单搜索性能极品优化攻略
网页设计之让字体美起来
Shape对象与VML坐标系
JavaScript Cookie 直接浏览网站分网址
js 图片缩放特效代码
Ubuntu 8.10 中文语言支持分析
简单的仿Flash文字动画(兼容Mozilla)
基于jquery的地址栏射击游戏代码
相对、绝对和固定定位的比较
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
携带Linux的凤凰号登陆火星!
批量更新数据库所有表中字段的内容,中木马后的急救处理
快速导航

Copyright © 2016 phpStudy |