用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 相关文章推荐
js禁止回车提交表单的示例代码
Dec 23 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
Mar 18 Javascript
Jquery节点遍历next与nextAll方法使用示例
Jul 22 Javascript
JavaScript实现模仿桌面窗口的方法
Jul 18 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
Aug 05 Javascript
微信小程序 基础组件与导航组件详细介绍
Feb 21 Javascript
react系列从零开始_简单谈谈react
Jul 06 Javascript
React根据宽度自适应高度的示例代码
Oct 11 Javascript
JS实现调用本地摄像头功能示例
May 18 Javascript
js中实例与对象的区别讲解
Jan 21 Javascript
jQuery属性选择器用法实例分析
Jun 28 jQuery
如何通过JS实现日历简单算法
Oct 14 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提取数据库内容中的图片地址并循环输出
2010/03/21 PHP
PHP登录环节防止sql注入的方法浅析
2014/06/30 PHP
PHP封装分页函数实现文本分页和数字分页
2014/10/23 PHP
浅析php创建者模式
2014/11/25 PHP
THINKPHP内容分页代码分享
2015/01/14 PHP
php实现递归与无限分类的方法
2015/02/16 PHP
Javascript实例教程(19) 使用HoTMetal(3)
2006/12/23 Javascript
javascript 学习之旅 (2)
2009/02/05 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
2012/05/03 Javascript
用js设置下拉框为只读的小技巧
2014/04/10 Javascript
JSON 对象未定义错误的解决方法
2016/09/29 Javascript
javascript常用经典算法详解
2017/01/11 Javascript
Vue 过渡实现轮播图效果
2017/03/27 Javascript
关于在mongoose中填充外键的方法详解
2017/08/14 Javascript
使用vue-router与v-if实现tab切换遇到的问题及解决方法
2018/09/07 Javascript
ES6函数实现排它两种写法解析
2020/05/13 Javascript
[46:12]完美世界DOTA2联赛循环赛 DM vs Matador BO2第一场 11.04
2020/11/04 DOTA
Python实现的数据结构与算法之链表详解
2015/04/22 Python
利用Python如何实现数据驱动的接口自动化测试
2018/05/11 Python
解决项目pycharm能运行,在终端却无法运行的问题
2019/01/19 Python
python自动化UI工具发送QQ消息的实例
2019/08/27 Python
Pytorch 实现数据集自定义读取
2020/01/18 Python
Python3.7.0 Shell添加清屏快捷键的实现示例
2020/03/23 Python
OpenCV4.1.0+VS2017环境配置的方法步骤
2020/07/09 Python
Python3如何使用多线程升程序运行速度
2020/08/11 Python
python七种方法判断字符串是否包含子串
2020/08/18 Python
使用Python提取文本中含有特定字符串的方法示例
2020/12/09 Python
详解HTML5中的标签
2015/06/19 HTML / CSS
社会实践自我鉴定
2013/11/07 职场文书
《珍珠泉》教学反思
2014/02/20 职场文书
工程资料员岗位职责
2014/03/10 职场文书
销售团队激励口号
2014/06/06 职场文书
诉讼代理人授权委托书
2014/10/11 职场文书
检讨书范文500字
2015/01/28 职场文书
小学数学继续教育研修日志
2015/11/13 职场文书
《悬崖边的树》读后感2篇
2019/12/02 职场文书