动态删除某行

语法:table.deleteRow(index)  用来删除指定位置的行。

row.deleteCell(index)  用来/删除指定位置的单元格;

DOM方法:removeChild(node)用来删除子节点(元素);

parentNode 用来获取节点(元素)的父节点

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script language="javascript">function del(a){var index=a.parentNode.parentNode.rowIndex;document.getElementById("myTable").deleteRow(index);}</script></head><body><table id="myTable" boder="1"><tr><td>行1</td><td><a onClick="del(this)">删除</a></td></tr><tr><td>行2</td><td><input type="button" value="删除" onClick="del(this)"></td></tr><tr><td>行3</td><td><input type="button" value="删除" onClick="del(this)"></td></tr></table></body>
</html>

点击删除后:

继续点击删除后:

再点击删除后:就删除完了。没了呀

七天学会javascript之动态删除某行(44)相关推荐

  1. 七天学会javascript之体彩11选5智能版(38)

    具体代码如下: <!DOCTYPE HTML> <html> <head><style type="text/css">#box,# ...

  2. 七天学会javascript之体彩11选5的实现(35)

    任务: 1:实现中国体育彩票11选5,随机生成范围为1-11不重复的5个数作为中奖号码. 2:编写函数add添加数组元素为随机数,for in 遍历数组,有重复退出函数.循环调用函数直到数组长度为5, ...

  3. 用javascript实现动态增加DataGrid行

    实现效果: 存储过程:/Files/Xuzq/EmployeesAddUp.txt 项目文件:/Files/Xuzq/vbProject.rar 转载于:https://www.cnblogs.com ...

  4. JavaScript学习笔记:动态添加与删除表格行

    文章目录 一.添加表格行与单元格 二.动态删除表格行与单元格 三.案例演示1 四.案例演示2 一.添加表格行与单元格 Javascript可以控制table,动态的插入行和单元格.rows保存着< ...

  5. 学会JavaScript这一篇就够了~

    文章目录 [One] JavaScript语言基础 一.数据类型 1.数值型 2.字符串型 3.布尔型 二.常量和变量 1.常量 2.变量--例子:输出球员的信息 三.运算符 1.算术运算符--例子: ...

  6. 七天学会ASP.NET MVC(七)——创建单页应用

    目录 引言 最后一篇学什么 实验32-整理项目组织结构 关于实验32 实验33--创建单页应用--第一部分-安装 什么是Areas? 关于实验33 实验34--创建单页应用--第二部分-显示Emplo ...

  7. 七天学会Node.js(汇总)

    七天学会Node.js(汇总) 文章目录 七天学会Node.js(汇总) 1. NodeJS基础 什么是NodeJS 有啥用处 如何安装 安装程序 编译安装 如何运行 权限问题 模块 require ...

  8. jQuery如何动态删除TR,input按钮删除本行记录,checkbox全选反选

    checkbox 全选反选 1: var i = 1; 2: function CheckAllTeacher() { 3: if (i % 2 == 1) { 4: i++; 5: $(" ...

  9. 七天学会ASP.NET MVC (一)——深入理解ASP.NET MVC

    七天学会ASP.NET MVC (一)--深入理解ASP.NET MVC 系列文章 七天学会ASP.NET MVC (一)--深入理解ASP.NET MVC 七天学会ASP.NET MVC (二)-- ...

最新文章

  1. Python_summary
  2. [LeetCode] Invert Binary Tree - 二叉树翻转系列问题
  3. SAC 智能版面分析技术(structure Analysis Core )
  4. Nokia n900使用
  5. 【TSP】基于matlab GUI遗传算法求解旅行商问题【含Matlab源码 1333期】
  6. 介绍计算机发明人香农,美国著名数学家香农简介:信息论的创始人
  7. 最好的git教程,没有之一
  8. OJDBC版本区别nbsp;[ojdbc14.jar…
  9. 钢构cad3.5免费版及命令索
  10. python 爬取阳光电影资源
  11. 计算机病毒,蠕虫,木马三者之间的区别
  12. 网口压线顺序_网线水晶头接法口诀顺序及接法详细步骤
  13. 2014校园招聘之一(8月华为机试题)
  14. Luminati通过住宅IP网络工作,其可靠性如何?
  15. 钱多多软件制作第五天
  16. 第三代酷睿i3处理器_英特尔最新10代处理器发布:游戏世界最快
  17. win8服务器防火墙配置文件,Win8自带防火墙吗,Win8防火墙在哪里(适用于Win8.1)?
  18. copilot 让AI帮你编程(人工智能自动完成)
  19. linux 磁盘管理3板斧,df、du、fdisk:Linux磁盘管理三板斧的使用心得(2)
  20. 开展软件下载平台需要办理互联网信息服务许可证ICP吗?

热门文章

  1. 数据库中间件(分表分库路由)
  2. 关于用串口助手来实现pc控制单片机led并将数据回传
  3. 电脑配置怎么看?关于电脑你必须知道的那些事!
  4. java 图片深度_将深度图像与RGB图像对齐
  5. Unity编辑器工具制作(一)
  6. Android虚拟机内存参数说明
  7. fastboot flash system.img总失败
  8. 由于高度的原因,霍雨浩只觉得面前一片
  9. 《音乐达人秀:Adobe Audition实战200例》——实例2 用麦克风录制清唱歌声
  10. 【MADDPG(MPE)——环境配置与用法详细介绍(多智能体强化学习))】