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

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

Javascript: javascript 汉字与拼音转换; JavaScript使用cookie; 大平洋汽车网左侧菜单; 使用JS操作页面表格，元素的一些技巧; 分享我学习js的过程作者aircy javascript学习教程; 张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习; 用js来生成随机彩票号码清单; 发一个数据过滤的代码，很简单，有用的着的拿去; 如何在标题栏显示框架内页面的标题; js滚动条多种样式,推荐; 再次更新！MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6); 符合web标准的连续滚动图像的js代码; 使用iframe作为日历的载体，不再被select和flash等控件挡住的日期输入框; 通过脚本控制指定内容不能被选择; 模拟弹出窗口效果，关闭层之前，不能选择后面的页内容; 另类弹出窗口,跳过所有拦截工具; 使用prototype.js进行异步操作; JS模拟多线程; 动态增加/删除文件域; [分享]一个非常漂亮的进度滚动条

No. « ‹ 47 48 49 50 › »

技术文章搜索

关键字

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

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

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