现有products.xml文件 如下:
<products>
<items>
<id>1</id>
<name>电视机</name>
<desc>液晶高清</desc>
<price>14000</price>
<number>2</number>
</items>
<items>
<id>2</id>
<name>热水器</name>
<desc>强排式石油气</desc>
<price>1249</price>
<number>4</number>
</items>
</products>现有一表格有如下表头如何用javascript语言,解析出xml文件中的数据,使其达到如下的效果把xml中的写入表格中  
求高手指点

解决方案 »

  1.   


     我以前做了个跟你一样的,你参照做吧~
    <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>无标题文档</title><script language="javascript">function loadXML(handler) {       var url = "employees.xml";       if(document.implementation&&document.implementation.createDocument) {              var xmldoc = document.implementation.createDocument("", "", null);              xmldoc.onload =  handler(xmldoc, url);              xmldoc.load(url);       }       else if(window.ActiveXObject) {              var xmldoc = new ActiveXObject("Microsoft.XMLDOM");              xmldoc.onreadystatechange = function() {                     if(xmldoc.readyState == 4) handler(xmldoc, url);              }              xmldoc.load(url);       }}function makeTable(xmldoc, url) {       var table = document.createElement("table");       table.setAttribute("border","1");       table.setAttribute("width","600");       table.setAttribute("class","tab-content");       document.body.appendChild(table);       var caption = "Employee Data from " + url;       table.createCaption().appendChild(document.createTextNode(caption));       var header = table.createTHead();       var headerrow = header.insertRow(0);       headerrow.insertCell(0).appendChild(document.createTextNode("姓名"));       headerrow.insertCell(1).appendChild(document.createTextNode("职业"));       headerrow.insertCell(2).appendChild(document.createTextNode("工资"));       var employees = xmldoc.getElementsByTagName("employee");       for(var i=0;i<employees.length;i++) {              var e = employees[i];              var name = e.getAttribute("name");              var job = e.getElementsByTagName("job")[0].firstChild.data;              var salary = e.getElementsByTagName("salary")[0].firstChild.data;              var row = table.insertRow(i+1);              row.insertCell(0).appendChild(document.createTextNode(name));              row.insertCell(1).appendChild(document.createTextNode(job));              row.insertCell(2).appendChild(document.createTextNode(salary));       }}</script><link href="css/style.css" rel="stylesheet" type="text/css"></head> <body onLoad="loadXML(makeTable)"></body></html>
    <?xml version="1.0" encoding="gb2312"?><employees>       <employee name="J.Doe">              <job>Programmer</job>              <salary>32768</salary>       </employee>       <employee name="A.Baker">              <job>Sales</job>              <salary>70000</salary>       </employee>       <employee name="Big Cheese">              <job>CEO</job>              <salary>100000</salary>       </employee></employees>