js控制table增加行和列.doc

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

1、functionaddRow(){varnewTR=document.getElementById("testTable").insertRow(document.getElementById("testTable").rows.length);varnewNameTD=newTR.insertCell(0);newNameTD.innerHTML="aa";varnewNameTD=newTR.insertCell(1);

2、newNameTD.innerHTML="";varnewNameTD=newTR.insertCell(2);newNameTD.innerHTML="";varnewNameTD=newTR.insertCell(3);newNameTD.innerHTML="";}functioninsertRow()

3、{varoTable=document.getElementById("table_info");varoTr=oTable.insertRow();varoTd=oTr.insertCell();oTd.innerHTML="新添加了一行";}functioninsertRow2(){//获取table对象vartable=document.getElementById("table_info2");//找到要添加button的td，这里以表格第一行第一列为例子varoTd=table.rows[0].cells[0];//添加button到td中，添加前吧td内

4、容清空并赋予button的代码oTd.innerHTML="添加收费";}functioninsertRow22(){varoTable=document.getElementById("table_info2");varoTr=oTable.insertRow();varoTd=oTr.insertCell();oTd.innerHTML="新添加了一行";}functioninsertRow3(){//获取table对象vartable=document.getElementById

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

6、");}strTbody.push("");}strTbody.push("");varobj=document.getElementById("tableDiv");obj.innerHTML=strTbody.join("");}functioninit(){var_table,_tbody,tr,td,text,maxRow,maxCol;vardocBody=document.body;var_doc=document;maxRow=5;maxCol=8;_table=_doc.createElement(

7、"table");_table.border="1";_table.style.tableLayout="fixed";_tbody=_doc.createElement("tbody");_table.insertBefore(_tbody,null);docBody.insertBefore(_table,null);for(vari=0;i