繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Javascript初学者实例教程(12):访问XML节点
- Javascript
- JGrid中拖动改变列宽的脚本 原型
- javascript 兼容FF的onmouseenter和onmouseleave的代码
- js树形控件脚本代码
- javascript+xml技术实现分页浏览
- js可拖动的后台界面
- javascript 单选框，多选框美化代码
- javascript之可拖动的iframe效果代码
- js 文本框里粘贴一个图片url并显示
- JavaScript国旗变换效果代码
- jquery之Document元素选择器篇
- 开发跨浏览器的JavaScript方法说明
- javascript过滤危险脚本方法
- JQUERY THICKBOX弹出层插件
- IE浏览器PNG图片透明效果代码
- 多浏览器兼容的动态加载 JavaScript 与 CSS
- javascript实现的仿腾讯QQ窗口抖动效果代码
- SyntaxHighlighter代码加色使用方法
- 用JavaScrpt实现文件夹简单轻松加密的实现方法图文
- 利用Ext Js生成动态树实例代码
- javascript批量检查当图片不存在时则显示默认图片的代码
Javascript初学者实例教程(12):访问XML节点
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 388 ::
收藏到网摘: 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
