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

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

1、functioninit(){_table=d

2、ocument.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("第"+cel

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

4、tById("beginCol").value;/*开始列*/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=

5、=beginRow){document.getElementById("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;

6、/*document.getElementById("newbody").insertRow(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(docum

7、ent.createTextNode("第"+td.id+"列"));tr.appendChild(td);}document.getElementById("newbody").appendChild(tr);}functionaddRow_withInsert(){varrow=document.getElementById("table").insertRow(document.getElementById("table").rows.length);varrowCount=document.getElem

8、entById("table").rows.length;varcountCell=document.getElementById("table").rows.item(0).cells.length;for(vari=0;i