超好用的删除行tr js代码
来源:互联网 发布:focusky破解补丁mac 编辑:程序博客网 时间:2024/05/21 09:22
<!
DOCTYPE
html>
<
html
>
<
head
>
<
meta
http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<
title
></
title
>
<
style
type="text/css">
td{
height:30px;
width:40px;
background-color:saddlebrown;
}
</
style
>
<
script
type="text/javascript">
function DeleteRow(id)
{
if(window.confirm("是否删除这一行?"+id))
{
//新手上路还是把这一行代码拆开来写更容易理解
document.getElementById(id).parentNode.removeChild(document.getElementById(id));
// 找到 id为传进来的参数的节点 的父节点 删除父节点中的 当前节点
//tr的父节点是 tbody哦
}
}
</
script
>
</
head
>
<
body
>
<
table
>
<
tr
id="row1">
<
td
>1</
td
><
td
><
a
href="javascript:DeleteRow('row1')">删除该行</
a
></
td
>
</
tr
>
<
tr
id="row2">
<
td
>2</
td
><
td
><
a
href="javascript:DeleteRow('row2')">删除该行</
a
></
td
>
</
tr
>
<
tr
id="row3">
<
td
>3</
td
><
td
><
a
href="javascript:DeleteRow('row3')">删除该行</
a
></
td
>
</
tr
>
<
tr
id="row4">
<
td
>4</
td
><
td
><
a
href="javascript:DeleteRow('row4')">删除该行</
a
></
td
>
</
tr
>
</
table
>
</
body
>
</
html
>
阅读全文
0 0
- 超好用的删除行tr js代码
- js删除table第0行以后的tr
- js将追加的某行tr删除
- Table中删除Tr的JS实现
- js删除tr一行的解决方案
- js实现table添加行tr、删除行tr、清空行tr
- JS删除行tr,以隐藏方式删除表格
- 简单的HTML中TAB分页实现,js控制页面tr行新增、删除、修改
- Js操作表格-对表格TR的添加/删除/拷贝
- js动态控制table的tr,td增加及删除
- js控制新增,删除table的tr,td
- JS实现添加和删除TR行(一)
- js操作html增加删除tr/td
- js动态给table添加/删除tr
- js指定tr添加一行,删除一行
- 删除已释放的TR
- JQ删除tr的方法
- JQuery删除除第一行tr外的其他行
- 基于ThinkPHP的2个CMS后台GetShell利用
- linux下退格键的小研究(续)
- 鼠标移动事件
- Python 中的关键字with详解
- 鼠标事件
- 超好用的删除行tr js代码
- android studio 融云SDK集成
- 鼠标事件案例—戳眼
- 用户注册
- 干货来袭,java用户登录与注销(前台+后台 框架springboot)
- 【LCA模板题】poj 1330 Nearest Common Ancestors
- 音标游戏阶段总结
- [9-01]git常见问题
- 前端网页css实现固定定位