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

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

ID:13546145

大小:36.00 KB

页数:4页

时间:2018-07-23

javascript动态操作表格,添加,删除行、列及单元格_表单按钮特效_第1页
javascript动态操作表格,添加,删除行、列及单元格_表单按钮特效_第2页
javascript动态操作表格,添加,删除行、列及单元格_表单按钮特效_第3页
javascript动态操作表格,添加,删除行、列及单元格_表单按钮特效_第4页
资源描述:

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

1、js动态操作表格-www.face100.netfunctioninit(){_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

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。