Javascript:向表格添加或删除一行
2012-05-28 21:28
363 查看
<html> <head> <title>title</title> <script type="text/javascript"> function delIndex(obj) { var rowIndex = obj.parentNode.parentNode.rowIndex;//获得行下标 alert(rowIndex); var tb = document.getElementById("tb"); tb.deleteRow(rowIndex);//删除当前行 add(rowIndex);//在当前行插入一行 } function add(rowIndex) { var tb = document.getElementById("tb"); if (rowIndex == "-1") { rowIndex = tb.rows.length;//默认在末尾插入一行 } var row = tb.insertRow(rowIndex);//在表格的指定插入一行 var c1 = row.insertCell(0); c1.innerHTML = "new" + rowIndex; var c2 = row.insertCell(1); c2.innerHTML = '<a href="javascript:void(0)" onclick="delIndex(this)">删除</a>'; } </script> </head> <body> <input type="button" value="添加一行" onclick="add('-1')" ><input type="button" value="删除选中项" onclick="del()" /> <table id="tb"> <tr><td>1</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr> <tr><td>2</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr> <tr><td>3</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr> <tr><td>4</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr> <tr><td>5</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr> <tr><td>6</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr> <tr><td>7</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr> </table> </body> </html>
相关文章推荐
- javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)
- JavaScript动态实现表格添加、删除、插入、上移、下移一行功能
- javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)
- javascript动态添加表格,通过checkbox动态删除表格
- javascript实现表格的添加和删除
- 基于JavaScript实现动态添加删除表格的行
- 点击按钮实现表格动态添加或删除一行
- JavaScript动态操作表格,添加,删除行、列及单元格
- JavaScript动态添加删除表格行(支持FireFox)
- JavaScript动态操作表格,添加,删除行、列及单元格
- 用javascript实现网页中表格的行的添加与删除
- 支持firefox javascript 添加删除表格
- 表格添加、删除某一行
- 基于JavaScript实现动态添加删除表格的行
- javascript动态生成表格,并实现对表格行的添加和删除
- js 动态表格添加一行删除一行
- 通过javascript实现动态添加删除表格的行
- JavaScript实现表格的添加和删除
- javascript表格的添加和删除
- javascript完成表格的添加和删除功能