JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)_

1、JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)_ 本文实例讲解并描述了JS读取XML文件数据并以table形式显示数据的方法。分享给大家供大家参考，具体如下： 先看xml文件： 代码如下: ?xml version="1.0" standalone="yes"? student stuinfo stuName张秋丽/stuName stuSex女 /stuSex stuAge18/stuAge /stuinfo stuinfo stuName李文才/stuName stuSex男 /stuSex stuAge31/stuAge

2、/stuinfo stuinfo stuName李斯文/stuName stuSex男 /stuSex stuAge22/stuAge /stuinfo stuinfo stuName马英/stuName stuSex女 /stuSex stuAge25/stuAge /stuinfo stuinfo stuName孙红雷/stuName stuSex男 /stuSex stuAge32/stuAge /stuinfo stuinfo stuName欧阳俊雄/stuName stuSex男 /stuSex stuAge28/stuAge /stuinfo stuinfo stuName江琳/s

3、tuName stuSex女 /stuSex stuAge23/stuAge /stuinfo stuinfo stuName小小/stuName stuSex女 /stuSex stuAge22/stuAge /stuinfo /student aspx页面代码： 代码如下: % Page Language="C#" AutoEventWireup="true" CodeBehind="猎取数据库数据生成XML.aspx.cs" Inherits="Chapter1.猎取数据库数据生成XML" % !DOCTYP

4、E html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "l1/DTD/xhtml1-transitional.dtd" html xmlns="l" head runat="server" title/title script type="text/javascript" function loadXMLDoc(dname) if (window.XMLHttpRequest) xhttp = new XMLHttpRequest(); else

5、 xhttp = new ActiveXObject("Microsoft.XMLHTTP"); xhttp.open("GET", dname, false); xhttp.send(""); return xhttp.responseXML; function ReadXml() var xmldoc = loadXMLDoc("Student.xml"); /获得指定节点 var divmsg = document.getElementById("xmlMsg"); var msg = &

6、quot;table border='1' id='mytable'trth姓名/thth性别/thth年龄/thtr" var nodes = xmldoc.getElementsByTagName("stuinfo"); for (var i = 0; i nodes.length; i+) msg += "tr" msg += "td" + nodesi.getElementsByTagName("stuName")0.firstChild.nodeValue + &

7、quot;/td" msg += "td" + nodesi.getElementsByTagName("stuSex")0.firstChild.nodeValue + "/td" msg += "td" + nodesi.getElementsByTagName("stuAge")0.firstChild.nodeValue + "/td" msg += "/tr" msg += "/table" divmsg.innerHTML = msg; /script /head body form id="form1" runat="server" div input type="button" value="JS读取XML" onclick="ReadXml()" /br / div id="xmlMsg" /div /div /form /body /html 上面的JS操作主要就避开了用法childNodes(由于火狐中有时