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

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

1、functioninit(){_table=document.getElem

2、entById("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.appendChild(cel

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

4、ment.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.getElementById("table").rows[x].deleteCe

5、ll(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").insertRow(length);document.getElementB

6、yId(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.appendChild(td);}document.getElementById("newbody").

7、appendChild(tr);}functionaddRow_withInsert(){varrow=document.getElementById("table").insertRow(document.getElementById("table").rows.length);varrowCount=document.getElementById("table").rows.length;varcountCell=document.getElementById("table").rows.item(0).cells.length;for(

8、vari=0;i