[导入]解析XML并生成表格

点击“生成XML表格”的按钮后，在ID为“oDiv_createXmlTable”的DIV标签内显示一个表格，其内容是XML的数据

< XML  ID ="oXmlData" >
< tab >
< row >
< col  name ="Col1" />
< col  name ="Col2" />
< col  name ="Col3" />
</ row >
< row >
< col  name ="Col4" />
< col  name ="Col5" />
< col  name ="Col6" />
</ row >
< row >
< col  name ="Col7" />
< col  name ="Col8" />
< col  name ="Col9" />
</ row >
</ tab >
</ XML >
< input  type ="button"  value ="生成XML表格"  onClick ="createXmlTable()" >
< div  id ="oDiv_createXmlTable" ></ div >

< script language = " JavaScript " >
function  createXmlTable() {
var HTML='';
var row=oXmlData.XMLDocument.getElementsByTagName('row');
var col=oXmlData.XMLDocument.getElementsByTagName('col');
HTML+='<table border><tr>';
for(i=1;i<col.length+1;i++){
HTML+='<td>'+col[i-1].getAttribute('name')+'</td>';
if(i%row.length==0 && i!=col.length) HTML+='</tr><tr>';
}
HTML+='</tr></table>';
oDiv_createXmlTable.innerHTML=HTML;
}
</ script >

suiqirui 2007-05-14 15:05 发表评论

文章来源: http://www.cnblogs.com/suiqirui19872005/archive/2007/05/14/745865.html

转载于:https://www.cnblogs.com/QiRuiNet-helloworld/archive/2007/06/17/786353.html