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

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

Javascript: csdn 博客的css样式 v3; javascript 常用代码技巧大收集; javascript div 弹出可拖动窗口; jQuery 使用个人心得; ajax 文件上传应用简单实现; 用正则表达式动态创建/增加css style script 兼容IE firefox; 10个新的最有前途的JavaScript框架; 自动完成JS类(纯JS, Ajax模式); JavaScript 颜色梯度和渐变效果; IE6与IE7中，innerHTML获取param的区别; for 循环性能比较提高for循环的效率; Ext javascript建立超链接，进行事件处理的实现方法; 利用javascript移动div层-javascript 拖动层; jQuery 全选效果实现代码; 一个tab标签切换效果代码; 提取自百度有啊的css圆角效果; 可左右平滑滚动的产品展示效果; 响应鼠标变换表格背景或者颜色的代码; ymyang 绘图实例代码; JS 单击连接保存图片的函数

No. « ‹ 216 217 218 219 › »

技术文章搜索

关键字

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

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

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