用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 相关文章推荐
Javascript中的var_dump函数实现代码
Sep 07 Javascript
js定时器怎么写?就是在特定时间执行某段程序
Oct 11 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
Dec 08 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
Sep 28 Javascript
纯js实现动态时间显示
Sep 07 Javascript
基于Bootstrap table组件实现多层表头的实例代码
Sep 07 Javascript
集合Bootstrap自定义confirm提示效果
Sep 19 Javascript
AngularJS使用ng-repeat遍历二维数组元素的方法详解
Nov 11 Javascript
如何重置vue打印变量的显示方式
Dec 06 Javascript
vuex操作state对象的实例代码
Apr 25 Javascript
JS实现倒序输出的几种常用方法示例
Apr 13 Javascript
小程序实现图片预览裁剪插件
Nov 22 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
基于OpenCV的PHP图像人脸识别技术
2009/10/11 PHP
学习php笔记 字符串处理
2010/10/19 PHP
PHP制作百度词典查词采集器
2015/01/29 PHP
学习php设计模式 php实现单例模式(singleton)
2015/12/07 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题分析
2007/08/12 Javascript
js类型检查实现代码
2010/10/29 Javascript
jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
2011/04/27 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
2011/09/28 Javascript
JS原型对象通俗&quot;唱法&quot;
2012/12/27 Javascript
javascript禁用Tab键脚本实例
2013/11/22 Javascript
jquery实现tr元素的上下移动示例代码
2013/12/20 Javascript
JS获取各种浏览器窗口大小的方法
2014/01/14 Javascript
JS继承用法实例分析
2015/02/05 Javascript
Nodejs关于gzip/deflate压缩详解
2015/03/04 NodeJs
jQuery入门基础知识学习指南
2015/08/14 Javascript
JavaScript实现移动端轮播效果
2017/06/06 Javascript
vue页面跳转后返回原页面初始位置方法
2018/02/11 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
JS实现将二维数组转为json格式字符串操作示例
2018/07/12 Javascript
Vue Router去掉url中默认的锚点#
2018/08/01 Javascript
Vue实现按钮级权限方案
2019/11/21 Javascript
原生JavaScript实现滑动拖动验证的示例代码
2019/12/06 Javascript
JS实现“全选”和&quot;全不选&quot;功能代码实例
2020/02/06 Javascript
javascript 数组精简技巧小结
2020/02/26 Javascript
js仿京东放大镜效果
2020/08/09 Javascript
python 合并文件的具体实例
2013/08/08 Python
浅谈如何使用python抓取网页中的动态数据实现
2020/08/17 Python
python爬虫beautifulsoup库使用操作教程全解(python爬虫基础入门)
2021/02/19 Python
SQL里面如何插入自动增长序列号字段
2012/03/29 面试题
挂科检讨书范文
2014/02/20 职场文书
2014年公司庆元旦活动方案
2014/03/05 职场文书
晚自修旷课检讨书怎么写
2014/11/17 职场文书
2019通用版劳动合同范本!
2019/07/11 职场文书
nginx.conf配置文件结构小结
2022/04/08 Servers
win10如何更改appdata文件夹的默认位置?
2022/07/15 数码科技