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

回家go2

回家go2

2016-02-20 00:48

下面图老师小编要向大家介绍下Javascript初学者实例教程(12):访问XML节点,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

上一篇学习了: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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

效果演示:


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

下面的是XML文件。


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

延续实例

本实例主要介绍了js访问XML节点的应用,读节点的又一种方法,我上面发了一个,xml跟上面的一样就不重复了。

效果演示:


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

展开更多 50%)
分享

猜你喜欢

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

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

Javascript初学者实例教程(5):Document对象

Web开发
Javascript初学者实例教程(5):Document对象

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Javascript初学者实例教程(11):鼠标动作

Web开发
Javascript初学者实例教程(11):鼠标动作

Javascript初学者实例教程(1):简单交互

Web开发
Javascript初学者实例教程(1):简单交互

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Javascript初学者实例教程(4):对象和构造方法

Web开发
Javascript初学者实例教程(4):对象和构造方法

Javascript初学者实例教程(3):数组和slice()方法

Web开发
Javascript初学者实例教程(3):数组和slice()方法

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

在Windows 7中QQ概念版的九大新功能介绍

在Windows 7中QQ概念版的九大新功能介绍

AJAX教程(3):AJAX实例

AJAX教程(3):AJAX实例
下拉加载更多内容 ↓