JavaScript基础 点击超链接删除 一个表格中的某一行 parentNode.removeChild

镇场诗:
    清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
    学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————

code:

<!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>

result:

  初始状态,

  点击 第三行的 删除该行 超链接,

  结果:

——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js,强,值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文有可以改进的地方,请留下评论,我会认真思考的。

注:我是一位正在努力的普通人,此文仅供测试与参考使用,不可做其他用途。当参考博文内容时,代表您已接受使用条款。

时间: 2024-10-25 14:47:05

JavaScript基础 点击超链接删除 一个表格中的某一行 parentNode.removeChild的相关文章

JavaScript基础 使用for循环 获得一个表格中所有行的id值

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

Python3基础 使用for循环 删除一个列表中的重复项

镇场诗: 诚听如来语,顿舍世间名与利.愿做地藏徒,广演是经阎浮提. 愿尽吾所学,成就一良心博客.愿诸后来人,重现智慧清净体.------------------------------------------ code: num=[1,2,3,4,5,6,6,7,8] res=[] for each in num : if each not in res : res.append(each) print(res) #有趣有趣,这么写基础的机制与方法,可以写出如此优美的函数 #小甲鱼 强悍 res

dtgrid 手动条件删除表格中的某一行

dtgrid 手动条件删除表格中的某一行 var grid = $.fn.DtGrid.init(dtGridOption); $(function () { grid.load(); }); function DeleteGood(id,goodName){ layer.confirm('确定删除商品['+goodName+']', { btn: ['确定','取消'], //按钮 shade: false //不显示遮罩 }, function(){ for (var i = 0; i <

Linux rm(删除一个目录中的一个或多个文件或目录或删除非空目录)

rm命令.rm是常用的命令,该命令的功能为删除一个目录中的一个或多个文件或目录,它也可以将某个目录及其下的所有文件及子目录均删除.对于链接文件,只是删除了链接,原有文件均保持不变. rm是一个危险的命令,使用的时候要特别当心,尤其对于新手,否则整个系统就会毁在这个命令(比如在/(根目录)下执行rm * -rf).所以,我们在执行rm之前最好先确认一下在哪个目录,到底要删除什么东西,操作时保持高度清醒的头脑. 命令格式: rm [选项] 文件- 命令功能: 删除一个目录中的一个或多个文件或目录,如

删除一个字符串中连续超过一次的空格

问题 删除一个字符串中连续超过一次的空格. 解决(Python) #! /usr/bin/env python #coding:utf-8 def del_space(string): split_string = string.split(" ") #以空格为分割,生成list,list中如果含有空格,则该空格是连续空格中的后一个 string_list = [i for i in split_string if i!=""] #去掉空格,生成list resul

python-将多个表格的信息合并到一个表格中

1.环境 代码运行环境:python3.7 相关的库:xlrd.xlwt 2.目的 通过xlrd库读取各个表格的数据,通过xlwt库将读取到的数据写入到一个表格中. 3.实现 在工程目录下,有一个test目录,存放的是待合并的表格,输出表格为merge.xls,就输出在当前工程目录下.每个合并的表格中我只需要"body"这个sheet,而且这个sheet中的数据格式都是按照下面的格式存放的. 实现的代码如下: 1 # encoding: utf-8 2 3 ''' 4 本代码的作用是将

JavaScript基础 点击按钮 获得表格第一行的id

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

案例:在表格中进行新增一行与删除一行

1.情况 2.思路 /* * 为 #employeetable 的所有的 a 节点添加 Onclick 响应函数: * 1. 弹出确认对话框: 确定要删除 xx 的信息吗? xx 为当前 a 节点所在的 td 所在的 tr 的 * 第一个 td 子节点的文本值, 且要去除前后空格. * 2. 若点击 "确认" , 则删除 a 节点的所在的 行 * * 注意: * 1. a 节点是一个超级链接, 可以在其 onclick 事件中通过返回 false, 来取消默认行为 * 2. tr 的直

oracle删除一个表中的重复数据,且只保留一条

例子1:查找一个表中的重复数据,重复记录是根据单个字段(Id)来判断,表名为STUDENT SELECT ID , COUNT(1) FROM STUDENT T GROUP BY T.ID HAVING COUNT(ID) > 1 例子2:删除表中多余的重复记录,重复记录是根据单个字段(Id)来判断,只留有rowid最小的记录,表名为STUDENT DELETE FROM STUDENT WHERE ID IN (SELECT ID FROM STUDENT T GROUP BY T.ID H