用javascript删除当前行,添加行(示例代码)


Posted in Javascript onNovember 25, 2013

删除行

<script>   
  function   del(obj)   
  {   
        obj.parentNode.parentNode.removeNode(true);   
  }     
  </script>   
  <body>   
  <table>   
  <tr>
      <td>单元格1</td>
      <td><input   type=button   value="delete   this   row"   onclick="del(this)"></td>
   </tr>  
   <tr>
       <td>单元格2</td>
      <td><input   type=button   value="delete   this   row"   onclick="del(this)"></td>
   </tr> 
    <tr>
       <td>单元格3</td>
      <td><input   type=button   value="delete   this   row"   onclick="del(this)"></td>
   </tr> 
  </table>   
  </body>

添加行
<script> function uf_test(){
  //得到table对象
   var tbTable = document.getElementById("tb_test");
   //插入一行
   var trT = tbTable.insertRow();
   //得到上一行的td数
   var nRows = tbTable.rows[0].cells.length;
   //按上一行的td数循环进行插入td
   for(var i = 0; i < nRows ; i++){
    //创建td对象
    var tdT = document.createElement("TD");
    //给td对象赋值
    //tdT.innerHTML="sfsdf";  
    tdT.innerText="sfsdf"; 
    //把td添加到tr中 
    trT.appendChild(tdT);
   }
 }
</script>

<table id="tb_test" border="1">
 <tr>
 <td><input type="text"></td>
 </tr>
</table>
<input type="button" onclick="uf_test();" value="增加一行">
Javascript 相关文章推荐
json 实例详细说明教程
Oct 31 Javascript
javascript刷新父页面的各种方法汇总
Sep 03 Javascript
js控制div弹出层实现方法
May 11 Javascript
使用jQuery制作遮罩层弹出效果的极简实例分享
May 12 Javascript
bootstrap的3级菜单样式,支持母版页保留打开状态实现方法
Nov 10 Javascript
jQuery实现页面滚动时智能浮动定位
Jan 08 Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
Vue2 模板template的四种写法总结
Feb 23 Javascript
layui 给数据表格加序号的方法
Aug 20 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
Oct 12 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
Jun 02 Javascript
如何通过javascript操作web控件的自定义属性
Nov 25 #Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
Nov 25 #Javascript
js导入导出excel(实例代码)
Nov 25 #Javascript
用javascript添加控件自定义属性解析
Nov 25 #Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
Nov 25 #Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
Nov 25 #Javascript
js动态添加删除,后台取数据(示例代码)
Nov 25 #Javascript
You might like
屏蔽PHP默认设置中的Notice警告的方法
2016/05/20 PHP
PHP获取链表中倒数第K个节点的方法
2018/01/18 PHP
PHP递归的三种常用方式
2019/02/28 PHP
jquery 简单图片导航插件jquery.imgNav.js
2010/03/17 Javascript
基于JQuery的日期联动实现代码
2011/02/24 Javascript
bootstrap data与jquery .data
2014/07/07 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
2015/09/16 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
JS判断是否手机或pad访问实现方法
2016/12/09 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
2017/08/17 Javascript
AngularJS select设置默认值的实现方法
2017/08/25 Javascript
详解开发react应用最好用的脚手架 create-react-app
2018/04/24 Javascript
ES10 特性的完整指南小结
2019/03/04 Javascript
es6函数name属性功能与用法实例分析
2020/04/18 Javascript
python判断、获取一张图片主色调的2个实例
2014/04/10 Python
python实现ping的方法
2015/07/06 Python
Python基础教程之浅拷贝和深拷贝实例详解
2017/07/15 Python
python+opencv实现的简单人脸识别代码示例
2017/11/14 Python
python实现微信发送邮件关闭电脑功能
2018/02/22 Python
Anaconda 离线安装 python 包的操作方法
2018/06/11 Python
Python读取数据集并消除数据中的空行方法
2018/07/12 Python
Python检查ping终端的方法
2019/01/26 Python
django基于restframework的CBV封装详解
2019/08/08 Python
python zip()函数使用方法解析
2019/10/31 Python
Django3.0 异步通信初体验(小结)
2019/12/04 Python
将python包发布到PyPI和制作whl文件方式
2019/12/25 Python
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
院药学专业个人求职信
2013/09/21 职场文书
教师师德承诺书
2014/03/26 职场文书
个人安全生产承诺书
2014/05/22 职场文书
参赛口号
2014/06/16 职场文书
小学教师师德整改措施
2014/09/29 职场文书
群众路线教育实践活动自我剖析思想汇报
2014/10/04 职场文书
党员干部反四风民主生活会对照检查材料思想汇报
2014/10/12 职场文书
大学毕业生个人总结
2015/02/28 职场文书
导游词之神仙居景区
2019/11/15 职场文书