XML DOM

js+xml自动生成表格的代码

时间:2024-08-11 08:15:37 XML DOM 我要投稿
  • 相关推荐

js+xml自动生成表格的代码

  复制代码 代码如下:

  

  

  

  无标题文档

  

  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("职业"));

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

  }

  }

  

  

  

  

  

  

  复制代码 代码如下:

  

  

  

  Programmer

  32768

  

  

  Sales

  70000

  

  

  CEO

  100000

  

  

【js+xml自动生成表格的代码】相关文章:

怎么自动生成图表目录01-27

数控编程代码大全02-13

Java代码的基本知识09-03

网页滚动文字的制作HTML代码04-10

excel表格培训心得06-22

excel动态表格制作11-16

excel表格的基本操作08-11

word怎么设置表格行距11-16

Excel表格公式的使用教程11-17

word表格宽度怎么调01-30