七天学会javascript之动态删除某行(44)
动态删除某行
语法: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)相关推荐
- 七天学会javascript之体彩11选5智能版(38)
具体代码如下: <!DOCTYPE HTML> <html> <head><style type="text/css">#box,# ...
- 七天学会javascript之体彩11选5的实现(35)
任务: 1:实现中国体育彩票11选5,随机生成范围为1-11不重复的5个数作为中奖号码. 2:编写函数add添加数组元素为随机数,for in 遍历数组,有重复退出函数.循环调用函数直到数组长度为5, ...
- 用javascript实现动态增加DataGrid行
实现效果: 存储过程:/Files/Xuzq/EmployeesAddUp.txt 项目文件:/Files/Xuzq/vbProject.rar 转载于:https://www.cnblogs.com ...
- JavaScript学习笔记:动态添加与删除表格行
文章目录 一.添加表格行与单元格 二.动态删除表格行与单元格 三.案例演示1 四.案例演示2 一.添加表格行与单元格 Javascript可以控制table,动态的插入行和单元格.rows保存着< ...
- 学会JavaScript这一篇就够了~
文章目录 [One] JavaScript语言基础 一.数据类型 1.数值型 2.字符串型 3.布尔型 二.常量和变量 1.常量 2.变量--例子:输出球员的信息 三.运算符 1.算术运算符--例子: ...
- 七天学会ASP.NET MVC(七)——创建单页应用
目录 引言 最后一篇学什么 实验32-整理项目组织结构 关于实验32 实验33--创建单页应用--第一部分-安装 什么是Areas? 关于实验33 实验34--创建单页应用--第二部分-显示Emplo ...
- 七天学会Node.js(汇总)
七天学会Node.js(汇总) 文章目录 七天学会Node.js(汇总) 1. NodeJS基础 什么是NodeJS 有啥用处 如何安装 安装程序 编译安装 如何运行 权限问题 模块 require ...
- jQuery如何动态删除TR,input按钮删除本行记录,checkbox全选反选
checkbox 全选反选 1: var i = 1; 2: function CheckAllTeacher() { 3: if (i % 2 == 1) { 4: i++; 5: $(" ...
- 七天学会ASP.NET MVC (一)——深入理解ASP.NET MVC
七天学会ASP.NET MVC (一)--深入理解ASP.NET MVC 系列文章 七天学会ASP.NET MVC (一)--深入理解ASP.NET MVC 七天学会ASP.NET MVC (二)-- ...
最新文章
- Python_summary
- [LeetCode] Invert Binary Tree - 二叉树翻转系列问题
- SAC 智能版面分析技术(structure Analysis Core )
- Nokia n900使用
- 【TSP】基于matlab GUI遗传算法求解旅行商问题【含Matlab源码 1333期】
- 介绍计算机发明人香农,美国著名数学家香农简介:信息论的创始人
- 最好的git教程,没有之一
- OJDBC版本区别nbsp;[ojdbc14.jar…
- 钢构cad3.5免费版及命令索
- python 爬取阳光电影资源
- 计算机病毒,蠕虫,木马三者之间的区别
- 网口压线顺序_网线水晶头接法口诀顺序及接法详细步骤
- 2014校园招聘之一(8月华为机试题)
- Luminati通过住宅IP网络工作,其可靠性如何?
- 钱多多软件制作第五天
- 第三代酷睿i3处理器_英特尔最新10代处理器发布:游戏世界最快
- win8服务器防火墙配置文件,Win8自带防火墙吗,Win8防火墙在哪里(适用于Win8.1)?
- copilot 让AI帮你编程(人工智能自动完成)
- linux 磁盘管理3板斧,df、du、fdisk:Linux磁盘管理三板斧的使用心得(2)
- 开展软件下载平台需要办理互联网信息服务许可证ICP吗?