解析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、付费专栏及课程。

余额充值