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.inse

2、rtCell(1);newNameTD.innerHTML="";varnewNameTD=newTR.insertCell(2);newNameTD.innerHTML="";varnewNameTD=newTR.insertCell(3);newNameTD.innerHTML="";

3、}functioninsertRow(){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].c

4、ells[0];//添加button到td中，添加前吧td内容清空并赋予button的代码oTd.innerHTML="添加收费";}functioninsertRow22(){varoTable=document.getElementById("table_info2");varoTr=oTable.insertRow();varoTd=oTr.insertCell();oTd.innerHTML="新添加了一行";}functioninsertRow3(){//获

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

6、);for(varj=0;jtest");}strTbody.push("");}strTbody.push("");varobj=document.getElementById("tableDiv");obj.innerHTML=strTbody.join("");}functioninit(){var_table,_tbody,tr,td,text,maxRow,maxCol;vardocBody=document.body;v

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

8、tbody.insertBefore(tr,null);for(varj=0;j