用JavaScript读取和输出XML文件数据的例子

本文阐述了用JavaScript读取和输出XML文件数据的方法。分享给大家参考，如下：

一.导言

通过JavaScript读取XML文档中的数据有很多方法。

基本思想是：首先在后台加载XML文档，然后通过JavaScript获取文档中需要的数据，最后通过HTML显示得到的数据。

二、获取XML元素属性值的应用

下面应用attribute属性和getNamedItem()方法获取指定XML文档中的属性值。

第三，代码

首先，创建一个XML文档，并为指定的元素设置属性。程序代码如下：

？xml版本='1.0 '编码='GB2312 '？Employyesemploye id=' 1 '考勤='经理' number 1001/编号名称cheng * */名称object PHP/object tel 84971547/电话地址长春市/地址e_mailcak**@sina.com/E _ email/employees/employees yes然后创建一个index.html文件，实现XML元素中数据和属性值的输出。

获取employee元素的引用，通过属性获取employee元素的属性集，通过getNamedItem()方法获取attentiveness object在集合属性中的引用，赋给变量attendenceperson。最后，XML文档中数据和属性值的输出是通过串联字符串来实现的，这里得到的属性值就是“manager”。

程序代码如下：

html healtheta http-equiv=' Content-Type ' Content=' text/html；charset=GB 2312 ' title www.jb51.net获取XML元素/title/headscriptfunction Get _ XML(){ var xmldoc，employenode，employenode；//定义变量varnamenode、titlenode、numbernode、displaytext//定义变量varattributes，attentive ness person xmldoc=new ActiveX object(' Microsoft . xmldom ')；xmldoc.async=falseXML doc . load(' index . XML ')；//加载指定的XML文档employees node=xmldoc . document element；//获取根节点employenode=employenode。长子；//访问根元素numbernode=employenode下的第一个节点。长子；//获取number元素NameNode=numbernode。下一个兄弟姐妹；//获取name元素objectnode=NameNode。下一个兄弟姐妹；telNode=object node . next sibling；attributes=employenode . attributes；//获取employe节点的属性集attention ness person=attributes . getname editem(' attention ness ')//获取集合中指定对象的引用//实现字符串拼接。XML文档中的输出数据显示文本='员工信息： ' number node . first child . node value '，' NameNode.firstchild.nodevalue '，' object node . first child . node value '，Telnode。first child . node value ' br job : ' attendenceperson . value；div.innerHTML=displayText//在ID为div }的div标签中指定输出字符串displayText的信息/scriptbodyh1输出XML元素中的数据和属性值/h1！-使用onClick事件调用函数get _ XML()-input type=' button ' value=' get XML元素的属性值' onClick=' get _ XML()' div id=' div '/div/body/html iv。运行结果

注意：ActiveXObject用于操作xml文件，需要IE兼容的浏览器才能获得运行效果。否则，它将提示：未定义ActiveXObject

PS:这里有一些关于xml操作的在线工具，供大家参考：

在线XML/JSON相互转换工具：http://tools.jb51.net/code/xmljson

在线格式化/在线压缩：http://tools.jb51.net/code/xmlformat

XML在线压缩/格式化工具：http://tools.jb51.net/code/xml_format_compress

XML代码在线格式化美化工具：http://tools.jb51.net/code/xmlcodeformat

有关JavaScript的更多信息，请参见本网站的主题：《JavaScript操作XML文件技巧总结》、《JavaScript文件与目录操作技巧汇总》、《JavaScript中ajax操作技巧总结》、《JavaScript错误与调试技巧总结》和《JavaScript数据结构与算法技巧总结》

希望本文对JavaScript编程有所帮助。