本文实例讲述了JavaScript实现读取与输出XML文件数据的方法。分享给大家供大家参考,具体如下:
通过JavaScript读取XML文档中数据的方法很多。
其根本的思路就是:首先在后台加载XML文档,然后通过JavaScript获取文档中所需的数据,最后应用HTML展示获取的数据。
下面应用<代码>属性> getNamedItem() 方法获取一个指定的XML文档中的属性值。
首先创建一个XML文档,并且为指定的元素设置属性,程序代码如下:
& lt; & # 63; xml version=" 1.0 " encoding=" GB2312 " & # 63;比;
& lt; employes>
& lt;雇员id=' 1 '考勤=熬淼淖４?
& lt; number> 1001 & lt;/number>
& lt; name>程* * & lt;/name>
& lt; object> PHP
& lt; tel> 84971547 & lt;/tel>
& lt; address>长春市& lt;/address>
& lt; e_mail> cak * * @sina.com
& lt;/employe>
& lt;/employes>
之前
然后创建一个index . html文件,实现XML元素中数据和属性值的输出。
获取雇工元素的引用,通过属性获取雇工元素的属性集合,用<代码> getNamedItem() 方法获取集合属性中出勤率对象的引用,并将其赋值给变量attendenceperson。最后通过字符串的拼接实现XML文档中数据和属性值的输出,这里获取的属性值为“经理”。
程序代码如下:
& lt; html>
& lt; head>
& lt;元http-equiv=? type”内容=" text/html;charset=gb2312”比;
& lt; title> www.jb51.net获取XML元素的属性值& lt;/title>
& lt;/head>
& lt; script>
函数get_xml () {
var xmldoc, employesNode employeNode;//定义变量
var nameNode, titleNode numberNode displayText;//定义变量
var属性,attendenceperson
xmldoc=new ActiveXObject (“Microsoft.XMLDOM”);
xmldoc。异步=false;
但预览时教程xmldoc.load (“”);//载入指定的XML文档
employesNode=xmldoc.documentElement;//获取根节点
employeNode=employesNode.firstChild;//访问根元素下的第一个节点
numberNode=employeNode.firstChild;//获取数元素
nameNode=numberNode.nextSibling;//获取名字元素
objectNode=nameNode.nextSibling;
telNode=objectNode.nextSibling;
属性=employeNode.attributes;//获取雇工节点的属性集合
attendenceperson=attributes.getNamedItem(“考勤”)//获取集合指定对象的引用//实现字符串的拼接,输出XML文档中的数据
displayText="员工信息:“+ numberNode.firstChild.nodeValue +”、“+ nameNode.firstChild。nodeValue +”、“+ objectNode。telNode.firstChild.nodeValue firstChild.nodeValue +”、“+ +”& lt; br>职务:”+ attendenceperson.value;
div.innerHTML=displayText;//指定在ID标识为div的& lt; div>标签中输出字符串displayText的信息
}
& lt;/script>
& lt; body>
& lt; h2>输出XML元素中的数据和属性值& lt;/h2>
& lt; !——应用onClick事件调用函数get_xml()——比;
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/获取XML元素的属性值”在
& lt; div id=" div "祝辞& lt;/div>
& lt;/body>
& lt;/html>
之前
<强>注:这里使用了来进行针对xml文件的操作,需要使用兼容IE的浏览器才能得到运行效果。否则会提示:
/JSON互相转换工具:
http://tools.jb51.net/code/xmljson
/在线压缩:
http://tools.jb51.net/code/xmlformat
http://tools.jb51.net/code/xml_format_compress
http://tools.jb51.net/code/xmlcodeformat
更多关于JavaScript相关内容可查看本站专题:《JavaScript操作XML文件技巧总结》,《JavaScript文件与目录操作技巧汇总》、《JavaScript ajax中操作技巧总结》,《JavaScript错误与调试技巧总结》及《JavaScript数据结构与算法技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
