解析XML并生成表格

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

None.gif < XML  ID ="oXmlData" >
None.gif
< tab >
None.gif
< row >
None.gif
< col  name ="Col1" />
None.gif
< col  name ="Col2" />
None.gif
< col  name ="Col3" />
None.gif
</ row >
None.gif
< row >
None.gif
< col  name ="Col4" />
None.gif
< col  name ="Col5" />
None.gif
< col  name ="Col6" />
None.gif
</ row >
None.gif
< row >
None.gif
< col  name ="Col7" />
None.gif
< col  name ="Col8" />
None.gif
< col  name ="Col9" />
None.gif
</ row >
None.gif
</ tab >
None.gif
</ XML >
None.gif
< input  type ="button"  value ="生成XML表格"  onClick ="createXmlTable()" >
None.gif
< div  id ="oDiv_createXmlTable" ></ div >
None.gif
None.gif < script language = " JavaScript " >
ExpandedBlockStart.gifContractedBlock.gif
function  createXmlTable() dot.gif {
InBlock.gif
var HTML='';
InBlock.gif
var row=oXmlData.XMLDocument.getElementsByTagName('row');
InBlock.gif
var col=oXmlData.XMLDocument.getElementsByTagName('col');
InBlock.gifHTML
+='<table border><tr>';
ExpandedSubBlockStart.gifContractedSubBlock.gif
for(i=1;i<col.length+1;i++)dot.gif{
InBlock.gifHTML
+='<td>'+col[i-1].getAttribute('name')+'</td>';
InBlock.gif
if(i%row.length==0 && i!=col.length) HTML+='</tr><tr>';
ExpandedSubBlockEnd.gif}

InBlock.gifHTML
+='</tr></table>';
InBlock.gifoDiv_createXmlTable.innerHTML
=HTML;
ExpandedBlockEnd.gif}

None.gif
</ script >
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值