javascript动态操作表格,添加,删除行、列及单元格_表单按钮特效

《javascript动态操作表格,添加,删除行、列及单元格_表单按钮特效》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、functioninit(){_table=document.

2、getElementById("table");_table.border="1px";_table.width="800px";for(vari=1;i<6;i++){varrow=document.createElement("tr");row.id=i;for(varj=1;j<6;j++){varcell=document.createElement("td");cell.id=i+"/"+j;cell.appendChild(document.createTextNode("第"+cell.id+"列"));row.a

3、ppendChild(cell);}document.getElementById("newbody").appendChild(row);}}functionrebulid(){varbeginRow=document.getElementById("beginRow").value;/*开始行*/varendRow=document.getElementById("endRow").value;/*结束行*//*/*/varbeginCol=document.getElementById("beginCol").value;

4、/*开始列*/varendCol=document.getElementById("endCol").value;/*结束列*/vartempCol=beginRow+"/"+beginCol;/*定位要改变属性的列*/alert(tempCol);vartd=document.getElementById(tempCol);for(varx=beginRow;x<=endRow;x++){for(vari=beginCol;i<=endCol;i++){if(x==beginRow){document.getElementBy

5、Id("table").rows[x].deleteCell(i+1);}else{document.getElementById("table").rows[x].deleteCell(i);}}}td.rowSpan=(endRow-beginRow)+1;}/*添加行，使用appendChild方法*/functionaddRow(){varlength=document.getElementById("table").rows.length;/*document.getElementById("newbody").ins

6、ertRow(length);document.getElementById(length+1).setAttribute("id",length+2);*/vartr=document.createElement("tr");tr.id=length+1;vartd=document.createElement("td");for(i=1;i<4;i++){td.id=tr.id+"/"+i;td.appendChild(document.createTextNode("第"+td.id+"列"));tr.appendChil

7、d(td);}document.getElementById("newbody").appendChild(tr);}functionaddRow_withInsert(){varrow=document.getElementById("table").insertRow(document.getElementById("table").rows.length);varrowCount=document.getElementById("table").rows.length;varcountCell=document.getEl

8、ementById("table").rows.item(0).cells.length;for(vari=0;i