通过js动态操作table(新增,删除相关列信息)


Posted in Javascript onMay 23, 2012

1、取得table对象
var objTable=document.getElementById( "tb_visitor" );
2、新增一行
var objTempRow = objTable.rows[0]; //取得模板行
var objNewRow = objTable.insertRow( objTable.rows.length );
objNewRow.id = objTable.rows.length-1;
//添加一行的相关信息?
for ( var i=0 ; i<objTempRow.cells.length ; i++ )
{
var objNewCell = objNewRow.insertCell( i );
objNewCell.innerHTML = objTempRow.cells[i].innerHTML;
//
if(objNewCell.innerHTML.indexOf("value=")!=-1){
var si=objNewCell.innerHTML.indexOf("value=")*1+6;
var ei=objNewCell.innerHTML.indexOf(">");
var cellvalue=objNewCell.innerHTML.substring(si,ei);
//将新列内容清空且变为可用状态
objNewCell.innerHTML=objNewCell.innerHTML.replace(cellvalue,'').replace('disabled','');
}
}
//添加行的click事件
objNewRow.onclick = new Function("fn_clickrow(this);");
3、删除一行
objTable.deleteRow(objrow.index);

Javascript 相关文章推荐
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
Apr 07 Javascript
js this函数调用无需再次抓获id,name或标签名
Mar 03 Javascript
Extjs 4.x 得到form CheckBox 复选框的值
May 04 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
Sep 03 Javascript
iScroll中事件点击触发两次解决方案
Mar 11 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
Nov 30 Javascript
浅析AngularJs HTTP响应拦截器
Dec 28 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
Apr 01 Javascript
基于Bootstrap实现Material Design风格表单插件 附源码下载
Apr 18 Javascript
js判断手机系统是android还是ios
Mar 07 Javascript
深入理解Vue 单向数据流的原理
Nov 09 Javascript
layui实现数据分页功能
Jul 27 Javascript
JavaScript基础语法让人疑惑的地方小结
May 23 #Javascript
利用javascript解决图片缩放及其优化的代码
May 23 #Javascript
JavaScript 图像动画的小demo
May 23 #Javascript
JavaScript学习笔记记录我的旅程
May 23 #Javascript
JS中处理与当前时间间隔的函数代码
May 23 #Javascript
自己做的模拟模态对话框实现代码
May 23 #Javascript
解决jquery的datepicker的本地化以及Today问题
May 23 #Javascript
You might like
一个简单的php实现的MySQL数据浏览器
2007/03/11 PHP
ThinkPHP模板中判断volist循环的最后一条记录的验证方法
2014/07/01 PHP
对PHP新手的一些建议(PHP学习经验总结)
2014/08/20 PHP
创建无限极分类树型结构的简单方法
2017/06/20 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
PDO::inTransaction讲解
2019/01/28 PHP
php-fpm中max_children的配置
2019/03/15 PHP
8个实用的jQuery技巧
2014/03/04 Javascript
javascript实现日期格式转换
2014/12/16 Javascript
jQuery动画与特效详解
2015/02/01 Javascript
全面解析Bootstrap手风琴效果
2020/04/17 Javascript
详解webpack es6 to es5支持配置
2017/05/04 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
mongoose设置unique不生效问题的解决及如何移除unique的限制
2017/11/07 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
2018/03/15 Javascript
vue如何判断dom的class
2018/04/26 Javascript
webpack4 入门最简单的例子介绍
2018/09/05 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
2019/04/29 Javascript
vue addRoutes路由动态加载操作
2020/08/04 Javascript
Python的Django框架下管理站点的基本方法
2015/07/17 Python
python计算列表内各元素的个数实例
2018/06/29 Python
python实现括号匹配的思路详解
2018/08/23 Python
Python对接支付宝支付自实现功能
2019/10/10 Python
pandas中ix的使用详细讲解
2020/03/09 Python
Python3操作YAML文件格式方法解析
2020/04/10 Python
浅谈Python 参数与变量
2020/06/20 Python
win10安装python3.6的常见问题
2020/07/01 Python
Python爬虫教程知识点总结
2020/10/19 Python
全球最大的服务市场:Fiverr
2017/01/03 全球购物
找到您丢失的钥匙、钱包和手机:Tile
2017/05/19 全球购物
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
中文系学生自荐信范文
2013/11/13 职场文书
房产买卖委托公证书
2014/04/04 职场文书
酒店开业策划方案
2014/06/02 职场文书
班干部竞选演讲稿(精选5篇)
2019/09/24 职场文书
读《皮囊》有感:理解是对他人的最大的善举
2019/11/14 职场文书