通过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笔记一 js以及json基础使用说明
May 22 Javascript
jQuery UI的Dialog无法提交问题的解决方法
Jan 11 Javascript
javascript获取选中的文本的方法代码
Oct 30 Javascript
Jquery获取和修改img的src值的方法
Feb 17 Javascript
禁用页面部分JavaScript不是全部而是部分
Sep 03 Javascript
jQuery弹层插件jquery.fancybox.js用法实例
Jan 22 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
Apr 21 jQuery
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
Aug 16 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
Mar 06 Javascript
js数据类型转换与流程控制操作实例分析
Dec 18 Javascript
js面向对象之实现淘宝放大镜
Jan 15 Javascript
小程序实现录音功能
Sep 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
php 移除数组重复元素的一点说明
2008/11/27 PHP
PHP mail 通过Windows的SMTP发送邮件失败的解决方案
2009/05/27 PHP
PHP5中使用PDO连接数据库的方法
2010/08/01 PHP
PHP获取搜索引擎关键字来源的函数(支持百度和谷歌等搜索引擎)
2012/10/03 PHP
php通过ksort()函数给关联数组按照键排序的方法
2015/03/18 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
PHP标准库(PHP SPL)详解
2019/03/16 PHP
js调试工具 Javascript Debug Toolkit 2.0.0版本发布
2008/12/02 Javascript
JQuery SELECT单选模拟jQuery.select.js
2009/11/12 Javascript
JavaScript格式化数字的函数代码
2010/11/30 Javascript
Flexigrid在IE下不显示数据的有效处理方法
2014/09/04 Javascript
jQuery封装的tab选项卡插件分享
2015/06/16 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
基于JavaScript实现网页倒计时自动跳转代码
2015/12/28 Javascript
详解如何用模块化的方式写vuejs
2017/12/16 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
2019/04/25 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
2019/10/26 Javascript
extjs图形绘制之饼图实现方法分析
2020/03/06 Javascript
Vue——解决报错 Computed property &quot;****&quot; was assigned to but it has no setter.
2020/12/19 Vue.js
[07:01]DOTA2-DPC中国联赛正赛 Aster vs Magma 3月5日 赛后选手采访
2021/03/11 DOTA
win7安装python生成随机数代码分享
2013/12/27 Python
使用Pyinstaller转换.py文件为.exe可执行程序过程详解
2019/08/06 Python
python matplotlib如何给图中的点加标签
2019/11/14 Python
Tensorflow的梯度异步更新示例
2020/01/23 Python
Python类绑定方法及非绑定方法实例解析
2020/10/09 Python
Python爬虫开发与项目实战
2020/12/16 Python
python 基于opencv实现高斯平滑
2020/12/18 Python
selenium如何定位span元素的实现
2021/01/13 Python
HTML5混合开发二维码扫描以及调用本地摄像头
2017/12/27 HTML / CSS
阿姆斯特丹城市卡:Amsterdam Pass
2019/12/01 全球购物
开业庆典主持词
2014/03/21 职场文书
《真想变成大大的荷叶》教学反思
2014/04/14 职场文书
连带责任保证书
2014/04/29 职场文书
元旦标语大全
2014/10/09 职场文书
新年寄语2016
2015/08/17 职场文书
Mysql binlog日志文件过大的解决
2021/10/05 MySQL