通过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 相关文章推荐
window.parent与window.openner区别介绍
Apr 12 Javascript
jQuery中scrollLeft()方法用法实例
Jan 16 Javascript
jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
Mar 24 Javascript
JavaScript中的toUTCString()方法使用详解
Jun 12 Javascript
Canvas 制作动态进度加载水球详解及实例代码
Dec 09 Javascript
用最简单的方法判断JavaScript中this的指向(推荐)
Sep 04 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
Sep 01 Javascript
详解js删除数组中的指定元素
Oct 31 Javascript
详解如何使用node.js的开发框架express创建一个web应用
Dec 20 Javascript
Vue $mount实战之实现消息弹窗组件
Apr 22 Javascript
layer.js之回调销毁对话框的例子
Sep 11 Javascript
详解webpack的clean-webpack-plugin插件报错
Oct 16 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生成随机密码的几种方法
2011/01/17 PHP
php实现图片添加水印功能
2014/02/13 PHP
浅析php适配器模式(Adapter)
2014/11/25 PHP
mod_php、FastCGI、PHP-FPM等PHP运行方式对比
2015/07/02 PHP
Yii2超好用的日期和时间组件(值得收藏)
2016/05/05 PHP
PHP实现生成推广海报的方法详解
2018/03/14 PHP
Gambit vs CL BO3 第三场 2.13
2021/03/10 DOTA
Alliance vs Liquid BO3 第二场2.13
2021/03/10 DOTA
ExtJs 3.1 XmlTreeLoader Example Error
2010/02/09 Javascript
JavaScript 面向对象编程(1) 基础
2010/05/18 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
2012/06/28 Javascript
用html+css+js实现的一个简单的图片切换特效
2014/05/28 Javascript
jfreechart插件将数据展示成饼状图、柱状图和折线图
2015/04/13 Javascript
js获取当前周、上一周、下一周日期
2017/03/19 Javascript
Angular 4.X开发实践中的踩坑小结
2017/07/04 Javascript
基于Node的Axure文件在线预览的实现代码
2019/08/28 Javascript
javascript设计模式 ? 装饰模式原理与应用实例分析
2020/04/14 Javascript
[39:52]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第一场
2018/04/04 DOTA
Python编写一个优美的下载器
2018/04/15 Python
详解Python3网络爬虫(二):利用urllib.urlopen向有道翻译发送数据获得翻译结果
2019/05/07 Python
Appium+python自动化怎么查看程序所占端口号和IP
2019/06/14 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
TensorFlow索引与切片的实现方法
2019/11/20 Python
Python图片的横坐标汉字实例
2019/12/04 Python
使用python turtle画高达
2020/01/19 Python
浅谈Tensorflow 动态双向RNN的输出问题
2020/01/20 Python
Weekendesk意大利:探索多种引人入胜的周末主题
2016/10/14 全球购物
英国最大的宠物商店:Pets at Home
2019/04/17 全球购物
Luxplus荷兰:以会员价购买美容产品等,独家优惠
2019/08/30 全球购物
Java模拟试题
2014/11/10 面试题
领导检查欢迎词
2014/01/14 职场文书
《玩具柜台前的孩子》教学反思
2014/02/13 职场文书
观看信仰心得体会
2014/09/04 职场文书
大学生赌博检讨书
2014/09/22 职场文书
元旦晚会开场白
2015/05/29 职场文书
千万级用户系统SQL调优实战分享
2022/03/03 MySQL