js动态删除table表的指定行和列
来源:互联网 发布:dvd光盘修复软件 编辑:程序博客网 时间:2024/05/18 10:20
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>javascript删除行和列</title><script >function deleteCol(obj){ var index=obj.cellIndex; var table = document.getElementById("table"); var len = table.rows.length; for(var i = 0;i < len;i++){ table.rows[i].deleteCell(index); }}function deleteRow(obj){ var index=obj.parentNode.rowIndex; var table = document.getElementById("table"); table.deleteRow(index);}</script><style>table *{border:1px red solid;}</style></head><body><table id="table"> <tr class="onclickHead"> <td onclick="deleteCol(this)">删除列</td> <td onclick="deleteCol(this)">删除列</td> <td onclick="deleteCol(this)">删除列</td> <td> </td> </tr> <tr> <td>名字</td> <td>年龄</td> <td>性别</td> <td onclick="deleteRow(this)">删除行</td> </tr> <tr> <td>张三</td> <td>36</td> <td>男</td> <td onclick="deleteRow(this)">删除行</td> </tr></table></body></html>
效果图为:
删除1列后为
阅读全文
0 0
- js动态删除table表的指定行和列
- js动态新增/删除table表的行和列
- js 删除指定table列
- JS删除table行和列
- js动态添加table表的一行和删除一行
- js 动态增加和删除 table 行 .
- js动态的添加删除表格的行和列
- js动态的添加删除表格的行和列
- 使用javascript动态添加和删除table的行和列
- 使用javascript动态添加和删除table的行和列
- js添加table的行和列
- 动态生成Table的行、列以及删除等
- JQuery动态删除table指定行
- js删除指定table的td
- js操作html的table,包括添加行,添加列,删除行,删除列
- js操作html的table,包括添加行,添加列,删除行,删除列
- 运用js动态操作table(新增,删除相关列信息)
- js 动态操作table 表格 在指定行后添加行 删除行
- 创建一个简单的maven web项目
- 51 nod 1009
- 一把钥匙开一把锁
- java编程思想阅读笔记(二)
- 使用HTMLTestRunner生成测试报告
- js动态删除table表的指定行和列
- Android 平台DES加密解密
- javabean,和map有什么区别? javabean完全可以用map替代
- Scala数据类型
- 《一》注册订阅号并完成基本配置
- iOS开发对象和指针
- 最短路径算法----Dijkatra
- 小米笔记本安装原生win7
- 互联网协议入门