js+xml自動(dòng)生成表格的代碼
復(fù)制代碼 代碼如下:
functionloadXML(handler){
varurl="employees.xml";
if(document.implementation&&document.implementation.createDocument){
varxmldoc=document.implementation.createDocument("","",null);
xmldoc.onload=handler(xmldoc,url);
xmldoc.load(url);
}
elseif(window.ActiveXObject){
varxmldoc=newActiveXObject("Microsoft.XMLDOM");
xmldoc.onreadystatechange=function(){
if(xmldoc.readyState==4)handler(xmldoc,url);
}
xmldoc.load(url);
}
}
functionmakeTable(xmldoc,url){
vartable=document.createElement("table");
table.setAttribute("border","1");
table.setAttribute("width","600");
table.setAttribute("class","tab-content");
document.body.appendChild(table);
varcaption="EmployeeDatafrom"+url;
table.createCaption().appendChild(document.createTextNode(caption));
varheader=table.createTHead();
varheaderrow=header.Row(0);
headerrow.Cell(0).appendChild(document.createTextNode("姓名"));
headerrow.Cell(1).appendChild(document.createTextNode("職業(yè)"));
headerrow.Cell(2).appendChild(document.createTextNode("工資"));
varemployees=xmldoc.getElementsByTagName("employee");
for(vari=0;i<employees.length;i++){
vare=employees[i];
varname=e.getAttribute("name");
varjob=e.getElementsByTagName("job")[0].firstChild.data;
varsalary=e.getElementsByTagName("salary")[0].firstChild.data;
varrow=table.Row(i+1);
row.Cell(0).appendChild(document.createTextNode(name));
row.Cell(1).appendChild(document.createTextNode(job));
row.Cell(2).appendChild(document.createTextNode(salary));
}
}
復(fù)制代碼 代碼如下:
【js+xml自動(dòng)生成表格的代碼】相關(guān)文章:
6.Java字符串反轉(zhuǎn)和Eclipse代碼自動(dòng)提示