用js+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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值