java xml 画表格_用js+xml自动生成表格的东西

摘要：这篇JavaScript栏目下的“用js+xml自动生成表格的东西”，介绍的技术点是“JS+XML、自动生成、XML、生成、js、自动”，希望对大家开发技术学习和问题解决有帮助。

无标题文档

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

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));

}

}

Programmer

32768

Sales

70000

CEO

100000