html怎么读取xml里的数据
我在html建个表格 表格的数据都在xml文件里
html代码如下：
<html> <head><title>html读取xml数据实例一</title></head> <body><xml id="xx" src="table.xml"></xml> <h3>html读取xml数据实例一</h3> <table datasrc="#xx" border="1"> <thead> <th>序号</th> <th>区域</th> <th>名字</th> <th>电话</th> <th>QQ</th> <th>email</th> </thead> <tr><td><span datafld="nid"></span></td> <td><span datafld="area"></span></td> <td><span datafld="salename"></span></td> <td><span datafld="phone"></span></td> <td><span datafld="qq"></span></td> <td><span datafld="email"></span></td> </tr> </table> </body></html>
<?xml version="1.0"?><!DOCTYPE tables[ <!ELEMENT tables (table)*> <!ELEMENT table(nid, area, salename, phone,qq,email)> <!ELEMENT nid (#PCDATA)> <!ELEMENT area (#PCDATA)> <!ELEMENT salename (#PCDATA)> <!ELEMENT phone (#PCDATA)> <!ELEMENT qq (#PCDATA)> <!ELEMENT email (#PCDATA)>]><tables> <table> <nid>1</nid> <area>广东深圳</area> <salename>张XX</salename> <phone>0755-265XXXX1，1382XXX409</phone> <qq>12XXX88</qq> <email>TSXXX@c-sct.com</email> </table> <table> <nid>1</nid> <area>广东深圳</area> <salename>张XX</salename> <phone>0755-265XXXX1，1382XXX409</phone> <qq>12XXX88</qq> <email>TSXXX@c-sct.com</email> </table> <table> <nid>1</nid> <area>广东深圳</area> <salename>张XX</salename> <phone>0755-265XXXX1，1382XXX409</phone> <qq>12XXX88</qq> <email>TSXXX@c-sct.com</email> </table> </tables>
XML文档内容如下（users.xml）：<?xml version="1.0" encoding="gbk"?><items><item id="001" name="joe" sex="male" age="23" job="developer" /><item id="002" name="bill" sex="male" age="30" job="manager" /><item id="003" name="white" sex="male" age="22" job="test" /><item id="004" name="jack" sex="male" age="40" job="boss" /></items>html文本如下：<html><head><title>users</title></head><body><table id="tab" border="1" align="center"><tbody id="tbody"><tr><td>ID</td><td>姓名</td><td>性别</td><td>年龄</td><td>职位</td></tr><tbody></table><script language="javascript">//创建xml dom对象,读取xml文件doc = new ActiveXObject("MSXML2.DOMDocument.3.0");doc.load("users.xml");//子元素var items = doc.documentElement.childNodes;var oTbody = document.all.tbody;//遍历子元素for(var i=0;i<items.length;i++){var item = items[i];var atts = item.attributes;//利用dhtml创建子元素var oRow = document.createElement("TR");for(var j=0;j<atts.length;j++){ oCell = document.createElement("TD"); oCell.innerText = atts[j].value; oRow.appendChild(oCell);}oTbody.appendChild(oRow);//alert(item.attributes.length);}</script></body></html>