js控制table增加行和列教案资料.doc

《js控制table增加行和列教案资料.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、__________________________________________________functionaddRow(){varnewTR=document.getElementById("testTable").insertRow(document.getElementById("testTable").rows.length);varnewNameTD=newTR.insertCell(0);n

2、ewNameTD.innerHTML="aa";varnewNameTD=newTR.insertCell(1);newNameTD.innerHTML="";varnewNameTD=newTR.insertCell(2);newNameTD.innerHTML="";varnewNameTD=____________________________________

3、________________________________________________________________newTR.insertCell(3);newNameTD.innerHTML="";}functioninsertRow(){varoTable=document.getElementById("table_info");varoTr=oTable.insertRow();varoTd=oTr.insertCell();oTd.innerHTML="新

4、添加了一行";}functioninsertRow2(){//获取table对象vartable=document.getElementById("table_info2");//找到要添加button的td，这里以表格第一行第一列为例子varoTd=table.rows[0].cells[0];//添加button到td中，添加前吧td内容清空并赋予button的代码oTd.innerHTML="添加收费";________________________________

5、____________________________________________________________________}functioninsertRow22(){varoTable=document.getElementById("table_info2");varoTr=oTable.insertRow();varoTd=oTr.insertCell();oTd.innerHTML="新添加了一行";}functioninsertRow3(){//获取table对象vartable=document.getElementById(

6、"table_info3");//找到要添加button的td，这里以表格第一行第一列为例子varoTd2=table.rows[0].insertCell();oTd2.innerHTML="&nbps;";}functiontableDiv(){varmaxRow=4;varmaxCol=8;varstrTbody=["

7、>"];for(vari=0;i");for(varj=0;jtest");}strTbody.push("");}strTbody.push("");varobj=document.getElementById("tableDiv");obj.innerHTML=strTbody.join("");}functioninit(){var_table,_tbod

8、y,tr,td,text,maxRow,maxCol;vardocBody=document.