繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Javascript初学者实例教程(12):访问XML节点
- Javascript
- JavaScript 基础问答一
- CSS JavaScript 实现菜单功能 改进版
- JavaScript 图片切割效果(放大镜)
- JavaScript 拖放效果代码
- 漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换)
- 鼠标滑过 放大显示效果的列表
- JS 相册效果 自动播放[本地整合]
- 仿CSDN 右下角悬挂的浮动层效果
- 右下角广告(点击广告后出现关闭按钮可关闭)
- javascript this用法小结
- JavaScript 绘图代码
- JavaScript CSS菜单功能 改进版
- javascript jQuery插件练习
- jQuery 浮动广告实现代码
- jQuery 位置插件
- jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
- jquery 图片预加载 自动等比例缩放插件
- JavaScript 仿关机效果的图片层
- javascript 对表格的行和列都能加亮显示
- JavaScript Select和Option列表元素上下左右移动
Javascript初学者实例教程(12):访问XML节点
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 330 ::
收藏到网摘: n/a
实例十二
本实例主要介绍了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 全部选择 提示：你可先修改部分代码，再按运行]
评论 (0) All
