点击“生成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 >
< 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 >
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 >