js控制table增加行和列.docx

js控制table增加行和列.docx

《js控制table增加行和列.docx》由会员分享，可在线阅读，更多相关《js控制table增加行和列.docx（7页珍藏版）》请在冰豆网上搜索。

js控制table增加行和列

functionaddRow（）{

varnewTR=document.getElementById（"testTable"）.insertRow（document.getElementById（"testTable"）.rows.length）;

varnewNameTD=newTR.insertCell（0）;

newNameTD.innerHTML="aa";

varnewNameTD=newTR.insertCell

（1）;

newNameTD.innerHTML="";

varnewNameTD=newTR.insertCell

（2）;

newNameTD.innerHTML="";

varnewNameTD=newTR.insertCell（3）;

newNameTD.innerHTML="";

}

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].cells[0];

//添加button到td中，添加前吧td内容清空并赋予button的代码

oTd.innerHTML="添加收费";

}

functioninsertRow22（）{

varoTable=document.getElementById（"table_info2"）;

varoTr=oTable.insertRow（）;

varoTd=oTr.insertCell（）;

oTd.innerHTML="新添加了一行";

}

functioninsertRow3（）{

//获取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

strTbody.push（""）;

for（varj=0;j

strTbody.push（"test"）;

}

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（"table"）;

_table.border="1";

_tbody=_doc.createElement（"tbody"）;

_table.insertBefore（_tbody,null）;

docBody.insertBefore（_table,null）;

for（vari=0;i

tr=_doc.createElement（"tr"）;

_tbody.insertBefore（tr,null）;

for（varj=0;j

td=_doc.createElement（"td"）;

text=_doc.createTextNode（"Text"）;

td.insertBefore（text,null）;

tr.insertBefore（td,null）;

}

}

}