现有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中的写入表格中
求高手指点
<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中的写入表格中
求高手指点
我以前做了个跟你一样的,你参照做吧~
<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>