通过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 相关文章推荐
javascript fullscreen全屏实现代码
Apr 09 Javascript
jQuery开发者都需要知道的5个小技巧
Jan 08 Javascript
JS获取当前网址、主机地址项目根路径
Nov 19 Javascript
jquery实现input输入框实时输入触发事件代码
Jan 28 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
Feb 10 Javascript
javascript中eval函数用法分析
Apr 25 Javascript
Sequelize中用group by进行分组聚合查询
Dec 12 Javascript
基于BootStrap与jQuery.validate实现表单提交校验功能
Dec 22 Javascript
一次围绕setTimeout的前端面试经验分享
Jun 15 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
vue检测对象和数组的变化分析
Jun 30 Javascript
小程序图片长按识别功能的实现方法
Aug 30 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中的filesystem文件系统函数介绍及使用示例
2014/02/13 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
分析Node.js connect ECONNREFUSED错误
2013/04/09 Javascript
json数据处理技巧(字段带空格、增加字段、排序等等)
2013/06/14 Javascript
javascript动态的改变IFrame的高度实现自动伸展
2013/10/12 Javascript
Tab切换组件(选项卡功能)实例代码
2013/11/21 Javascript
nodejs文件操作模块FS(File System)常用函数简明总结
2014/06/05 NodeJs
jQuery垂直多级导航菜单代码分享
2015/08/18 Javascript
很全面的JavaScript常用功能汇总集合
2016/01/22 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
2016/12/28 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
2017/09/22 jQuery
JS组件系列之Gojs组件 前端图形化插件之利器
2017/11/29 Javascript
实例详解vue.js浅度监听和深度监听及watch用法
2018/08/16 Javascript
微信小程序实现form表单本地储存数据
2019/06/27 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
2019/08/01 Javascript
基于Vue 撸一个指令实现拖拽功能
2019/10/09 Javascript
关于Js中new操作符的作用详解
2021/02/21 Javascript
Python类的基础入门知识
2008/11/24 Python
python 线程的暂停, 恢复, 退出详解及实例
2016/12/06 Python
Python打印输出数组中全部元素
2018/03/13 Python
python 拼接文件路径的方法
2018/10/23 Python
Python 文本文件内容批量抽取实例
2018/12/10 Python
Python编写合并字典并实现敏感目录的小脚本
2019/02/26 Python
Python多线程threading模块用法实例分析
2019/05/22 Python
Python爬虫中Selenium实现文件上传
2020/12/04 Python
python FTP编程基础入门
2021/02/27 Python
法学专业自我鉴定
2014/02/05 职场文书
班级活动策划书
2014/02/06 职场文书
家长会主持词
2014/03/26 职场文书
《果园机器人》教学反思
2014/04/13 职场文书
2014年教育工作总结
2014/11/26 职场文书
2014年服务员个人工作总结
2014/12/23 职场文书
项目技术负责人岗位职责
2015/04/13 职场文书
怎样写好工作计划
2019/04/10 职场文书
导游词幽默开场白
2019/06/26 职场文书
创业计划书之蛋糕店
2019/08/29 职场文书