通过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 相关文章推荐
safari,opera嵌入iframe页面cookie读取问题解决方法
Jun 23 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
Feb 27 Javascript
javascript作用域和闭包使用详解
Apr 25 Javascript
用C/C++来实现 Node.js 的模块(二)
Sep 24 Javascript
Jquery时间轴特效(三种不同类型)
Nov 02 Javascript
基于jQuery实现点击弹出层实例代码
Jan 01 Javascript
jquery实现下拉框功能效果【实例代码】
May 06 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
Aug 04 Javascript
Vue.js实现模拟微信朋友圈开发demo
Apr 20 Javascript
vue loadmore 组件滑动加载更多源码解析
Jul 19 Javascript
chosen实现省市区三级联动
Aug 16 Javascript
详解javascript 变量提升(Hoisting)
Mar 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
用PHP实现验证码功能
2006/10/09 PHP
在IIS上安装PHP4.0正式版
2006/10/09 PHP
php获取数组元素中头一个数组元素值的实现方法
2014/12/20 PHP
PHP中“=&gt;
2019/03/01 PHP
Jquery 弹出层插件实现代码
2009/10/24 Javascript
表单JS弹出填写提示效果代码
2011/04/16 Javascript
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
2013/01/24 Javascript
js 3秒后跳转页面的实现代码
2014/03/10 Javascript
使用jquery.upload.js实现异步上传示例代码
2014/07/29 Javascript
jQuery.Validate表单验证插件的使用示例详解
2017/01/04 Javascript
AngularJS实现表单验证功能
2017/01/09 Javascript
支持移动端原生js轮播图
2017/02/16 Javascript
详解nodejs中的process进程
2017/03/19 NodeJs
前端天气插件tpwidget使用方法详解
2019/06/24 Javascript
JQuery发送ajax请求时中文乱码问题解决
2019/11/14 jQuery
vue中的双向数据绑定原理与常见操作技巧详解
2020/03/16 Javascript
Python-嵌套列表list的全面解析
2016/06/08 Python
Python实现将数据库一键导出为Excel表格的实例
2016/12/30 Python
python web.py开发httpserver解决跨域问题实例解析
2018/02/12 Python
python读取几个G的csv文件方法
2019/01/07 Python
关于pycharm中pip版本10.0无法使用的解决办法
2019/10/10 Python
Python类中的装饰器在当前类中的声明与调用详解
2020/04/15 Python
QML用PathView实现轮播图
2020/06/03 Python
Python局部变量与全局变量区别原理解析
2020/07/14 Python
CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)
2013/06/06 HTML / CSS
HTML5去掉输入框type为number时的上下箭头的实现方法
2020/01/03 HTML / CSS
美国高街时尚品牌:OASAP
2016/07/24 全球购物
英国名牌男装店:Standout
2021/02/17 全球购物
Python中如何定义一个函数
2016/09/06 面试题
商业活动邀请函
2014/02/04 职场文书
食品安全承诺书
2014/05/22 职场文书
关于爱国的标语
2014/06/24 职场文书
教师节倡议书2015
2015/04/27 职场文书
工作迟到检讨书范文
2015/05/06 职场文书
《惊弓之鸟》教学反思
2016/02/20 职场文书
亲情作文之母爱
2019/09/25 职场文书