通过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 相关文章推荐
国外Lightbox v2.03.3 最新版 下载
Oct 17 Javascript
JS 文件本身编码转换 图文教程
Oct 12 Javascript
Jquery乱码的一次解决过程 图解教程
Feb 20 Javascript
基于jquery实现拆分姓名的方法(纯JS版)
May 08 Javascript
javascript实现可拖动变色并关闭层窗口实例
May 15 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
Sep 04 Javascript
javascript轻量级库createjs使用Easel实现拖拽效果
Feb 19 Javascript
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
Feb 25 Javascript
原生js实现简单的焦点图效果实例
Dec 14 Javascript
jQuery实现ajax的嵌套请求案例分析
Feb 16 jQuery
JavaScript this使用方法图解
Feb 04 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
Oct 22 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
PHP5 面向对象(学习记录)
2009/12/02 PHP
使用Grunt.js管理你项目的应用说明
2013/04/24 Javascript
计算新浪Weibo消息长度(还可以输入119字)
2013/07/02 Javascript
js实现弹窗插件功能实例代码分享
2013/12/12 Javascript
bootstrap table 服务器端分页例子分享
2015/02/10 Javascript
jquery实现移动端点击图片查看大图特效
2020/09/11 Javascript
javascript事件委托的用法及其好处简析
2016/04/04 Javascript
jQuery前端开发35个小技巧
2016/05/24 Javascript
浅谈JavaScript 覆盖原型以及更改原型
2016/08/31 Javascript
详解vue-router2.0动态路由获取参数
2017/06/14 Javascript
JS获取字符对应的ASCII码实例
2017/09/10 Javascript
AngularJS中控制器函数的定义与使用方法示例
2017/10/10 Javascript
JS实现登录页密码的显示和隐藏功能
2017/12/06 Javascript
JS计算两个时间相差分钟数的方法示例
2018/01/10 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
VUE.js实现动态设置输入框disabled属性
2019/10/28 Javascript
使用Python的package机制如何简化utils包设计详解
2017/12/11 Python
Python中的探索性数据分析(功能式)
2017/12/22 Python
Python SQLite3简介
2018/02/22 Python
分分钟入门python语言
2018/03/20 Python
Python中的上下文管理器和with语句的使用
2018/04/17 Python
解决django 新增加用户信息出现错误的问题
2019/07/28 Python
Python时间差中seconds和total_seconds的区别详解
2019/12/26 Python
Python+OpenCV图像处理——图像二值化的实现
2020/10/24 Python
CSS3使用border-radius属性制作圆角
2014/12/22 HTML / CSS
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
定制iPhone和Macbook保护壳:Slick Case
2018/11/21 全球购物
一套SQL笔试题
2016/08/14 面试题
打架检讨书2000字
2014/02/22 职场文书
园林设计专业毕业生求职信
2014/03/23 职场文书
民事诉讼授权委托书范文
2014/08/02 职场文书
励志演讲稿200字
2014/08/21 职场文书
高中运动会广播稿
2014/09/16 职场文书
统计学教授推荐信
2014/09/18 职场文书
安全保证书
2015/01/16 职场文书
新郎婚礼致辞
2015/07/27 职场文书