通过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数组插入一条记录的代码
Aug 30 Javascript
url 编码 js url传参中文乱码解决方案
Apr 11 Javascript
JS获取当前日期时间并定时刷新示例
Mar 04 Javascript
node.js中的fs.readFileSync方法使用说明
Dec 15 Javascript
js判断某个方法是否存在实例代码
Jan 10 Javascript
JavaScript中split与join函数的进阶使用技巧
May 03 Javascript
js添加事件的通用方法推荐
May 15 Javascript
简单实现js页面切换功能
Jan 10 Javascript
基于JavaScript实现轮播图原理及示例
Apr 10 Javascript
基于JavaScript实现瀑布流布局
Aug 15 Javascript
js实现3D照片墙效果
Oct 28 Javascript
VUE 实现element upload上传图片到阿里云
Aug 12 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
在PHP3中实现SESSION的功能(一)
2006/10/09 PHP
利用PHP和AJAX创建RSS聚合器的代码
2007/03/13 PHP
php二维数组排序与默认自然排序的方法介绍
2013/04/27 PHP
php获取用户浏览器版本的方法
2015/01/03 PHP
php截取html字符串及自动补全html标签的方法
2015/01/15 PHP
PHP获取一段文本显示点阵宽度和高度的方法
2015/03/12 PHP
PHP使用星号隐藏用户名,手机和邮箱的实现方法
2016/09/22 PHP
JavaScript 变量基础知识
2009/11/07 Javascript
jquery+json 通用三级联动下拉列表
2010/04/19 Javascript
jQuery替换字符串(实例代码)
2013/11/13 Javascript
jQuery+css实现炫目的动态块漂移效果
2016/01/28 Javascript
javascript中Date对象应用之简易日历实现
2016/07/12 Javascript
Javascript中apply、call、bind的巧妙使用
2016/08/18 Javascript
JS严格模式知识点总结
2018/02/27 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
2018/03/13 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
layer弹出层全屏及关闭方法
2018/08/17 Javascript
js form表单input框限制20个字符,10个汉字代码实例
2019/04/12 Javascript
基于jQuery的时间戳与日期间的转化
2019/06/21 jQuery
python的id()函数解密过程
2012/12/25 Python
Python 字符串大小写转换的简单实例
2017/01/21 Python
tensorboard 可以显示graph,却不能显示scalar的解决方式
2020/02/15 Python
python 5个顶级异步框架推荐
2020/09/09 Python
Python Http请求json解析库用法解析
2020/11/28 Python
拾金不昧表扬信范文
2014/01/11 职场文书
物理学专业自荐信
2014/06/11 职场文书
施工安全汇报材料
2014/08/17 职场文书
社区活动策划方案
2014/08/21 职场文书
机关作风建设自查报告
2014/10/22 职场文书
教师群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
2014年质检员工作总结
2014/11/18 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书
音乐会主持人开场白
2015/05/28 职场文书
校园新闻稿范文
2015/07/18 职场文书
导游词之山西关帝庙
2019/11/01 职场文书
我的收音机情缘
2022/04/05 无线电