要求:
原表格A
<table id="tUser" style=".....">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
</table>
要求将一个数组中的数组填充到表格B中(表格B与表格A结构要求相同)数组中的数据:arr[0]=a arr[1]=b arr[2]=c arr[3]=d arr[4]=e arr[5]=f 要求表B的结果为:<table id="tUser" style=".....">
<tr><td>a</td></tr>
<tr><td>b</td></tr>
<tr><td>c</td></tr>
<tr><td>d</td></tr>
<tr><td>e</td></tr>
<tr><td>f</td></tr>
</table>
原表格A
<table id="tUser" style=".....">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
</table>
要求将一个数组中的数组填充到表格B中(表格B与表格A结构要求相同)数组中的数据:arr[0]=a arr[1]=b arr[2]=c arr[3]=d arr[4]=e arr[5]=f 要求表B的结果为:<table id="tUser" style=".....">
<tr><td>a</td></tr>
<tr><td>b</td></tr>
<tr><td>c</td></tr>
<tr><td>d</td></tr>
<tr><td>e</td></tr>
<tr><td>f</td></tr>
</table>
1、先克隆表A为表C;大致代码如下:function cloneTable(objTable){
var result= new Object();
result.constructor = objTable.constructor;
for(key in objTable){
result[key] = objTable[key];
}
return result;
}
另外克隆表A中TR的节点为TR1,采用cloneNode;2、清除表C中的ROWS;3、循环读取数组中的数据,并更新TR1中cells[0]的值但偏不行!!
var arr=new Array();
arr[0]=a; arr[1]=b; arr[2]=c; arr[3]=d ;arr[4]=e; arr[5]=f;
var tds=document.getElementById("tUser").getElementsByTagName("td");
for(var i=0;i<tds.length;i++){
tds[i].innerHTML=arr[i];
}
如果N=M,则新表的行数为M,第一列数据为Array中的数据(也就是表A的行数不变);
如果N>M,则新表的行数为N,第一列数据为Array中的数据(也就是需要删除表A后面的N-M行)