JS动态增删表格行的方法


Posted in Javascript onMarch 03, 2016

本文实例讲述了JS动态增删表格行的方法。分享给大家供大家参考,具体如下:

function insertRow(tableName,className,bgcolor, cellContentArray){
 var t = document.getElementByIdx(tableName); //取得table表
 var tr = t.insertRow();  //插入一行
 tr.className=className;  //设置行的css
 tr.bgcolor=bgcolor;   //设置行的背景颜色
 for( var i=0;i<cellContentArray.length;i++){
 var td = tr.insertCell(); //插入一列
 td.innerHTML=cellContentArray[i]; //设置列内容
 }
}
function deleteRow(tableName,btn){
 var t = document.getElementByIdx(tableName); //取得table表
 var tr = btn.parentNode.parentNode; //取得对应的行
 t.deleteRow(tr.rowIndex);
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
Ruffy javascript 学习笔记
Nov 30 Javascript
jquery星级插件、支持页面中多次使用
Mar 25 Javascript
js选项卡的实现方法
Feb 09 Javascript
轻松实现javascript数据双向绑定
Nov 11 Javascript
jQuery自动完成插件completer附源码下载
Jan 04 Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
Jun 06 Javascript
js实现百度搜索提示框
Feb 05 Javascript
关于javascript sort()排序你可能忽略的一点理解
Jul 18 Javascript
详解Node 定时器
Feb 26 Javascript
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 jQuery
JavaScript实现简单图片切换
Apr 29 Javascript
微信jssdk在iframe页面失效问题的解决措施
Mar 03 #Javascript
基于javascript html5实现多文件上传
Mar 03 #Javascript
编写高质量JavaScript代码的基本要点
Mar 02 #Javascript
JS获取当前脚本文件的绝对路径
Mar 02 #Javascript
Webpack 实现 AngularJS 的延迟加载
Mar 02 #Javascript
浅谈JS原型对象和原型链
Mar 02 #Javascript
jquery单击事件和双击事件冲突解决方案
Mar 02 #Javascript
You might like
印尼林东PWN黄金曼特宁咖啡豆:怎么冲世界上最醇厚的咖啡冲煮教程
2021/03/03 冲泡冲煮
php格式化工具Beautify PHP小小BUG
2008/04/24 PHP
php中对2个数组相加的函数
2011/06/24 PHP
php中json_encode中文编码问题分析
2011/09/13 PHP
分享PHP-pcntl 实现多进程代码
2016/09/30 PHP
ThinkPHP5框架实现简单的批量查询功能示例
2018/06/07 PHP
js中的caller和callee属性介绍和例子
2014/06/07 Javascript
jquery获取html元素的绝对位置和相对位置的方法
2014/06/20 Javascript
jQuery中index()的用法分析
2014/09/05 Javascript
js实现拖拽效果
2015/02/12 Javascript
javascript中return,return true,return false三者的用法及区别
2015/11/17 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
2017/06/13 Javascript
vue2实现数据请求显示loading图
2017/11/28 Javascript
JS常见构造模式实例对比分析
2018/08/27 Javascript
vue elementui form表单验证的实现
2018/11/11 Javascript
uni-app如何实现增量更新功能
2020/01/03 Javascript
Vue 使用typescript如何优雅的调用swagger API
2020/09/01 Javascript
Vue实现返回顶部按钮实例代码
2020/10/21 Javascript
python登陆asp网站页面的实现代码
2015/01/14 Python
在Python的Django框架中更新数据库数据的方法
2015/07/17 Python
Python实现的直接插入排序算法示例
2018/04/29 Python
使用 Python 实现简单的 switch/case 语句的方法
2018/09/17 Python
python实战串口助手_解决8串口多个发送的问题
2019/06/12 Python
Python中生成一个指定长度的随机字符串实现示例
2019/11/06 Python
Python list运算操作代码实例解析
2020/01/20 Python
Pandas DataFrame求差集的示例代码
2020/12/13 Python
CSS3动画效果回调处理详解
2014/12/10 HTML / CSS
如何用H5实现一个触屏版的轮播器的实例
2017/01/09 HTML / CSS
Calphalon美国官网:美国顶级锅具品牌
2020/02/05 全球购物
HSRP的含义以及如何工作
2014/09/10 面试题
师范学院美术系毕业生自我鉴定
2014/01/29 职场文书
班级入场式解说词
2014/02/01 职场文书
六年级数学教学反思
2014/02/03 职场文书
教师自查自纠工作情况报告
2014/10/29 职场文书
大连星海广场导游词
2015/02/10 职场文书
幼儿园秋季开学通知
2015/07/16 职场文书