JS动态增删表格行的方法
作者:bea
本文实例讲述了JS动态增删表格行的方法。分享给大家供大家参考,具体如下: function insertRow(tableName,className,bgcolor, cellContentArray){ var t = document.getElementByIdx(tableName); //取得table表 var tr = t.insertRow(); //插入一行 tr.className=className; //设置行的css tr.bgcolor=
本文实例讲述了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查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
猜你喜欢
您可能感兴趣的文章:
- 实例剖析AngularJS框架中数据的双向绑定运用
- node.js微信公众平台开发教程
- 详解JavaScript的AngularJS框架中的作用域与数据绑定
- 深入学习AngularJS中数据的双向绑定机制
- 简单的jQuery banner图片轮播实例代码
- 百度地图给map添加右键菜单(判断是否为marker)
- jquery实现右侧栏菜单选择操作
- jQuery实现TAB选项卡切换特效简单演示
- jquery实现页面常用的返回顶部效果
- JavaScript模拟鼠标右键菜单效果
- javascript实现移动端上的触屏拖拽功能
- 基于zepto的移动端轻量级日期插件--date_picker
- 基于Javascript实现二级联动菜单效果
- jquery ajax双击div可直接修改div中的内容
- js实现文字滚动效果
- JQuery日期插件datepicker的使用方法
- jQuery日历插件datepicker用法详解
- 初步使用Node连接Mysql数据库
- 初步使用bootstrap快速创建页面