通过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 16 Javascript
JavaScript 题型问答有答案参考
Feb 17 Javascript
javascript 模式设计之工厂模式学习心得
Apr 27 Javascript
js下拉菜单语言选项简单实现
Sep 23 Javascript
js监听鼠标事件控制textarea输入字符串的个数
Sep 29 Javascript
通过伪协议解决父页面与iframe页面通信的问题
Apr 05 Javascript
Javascript函数式编程语言
Oct 11 Javascript
jQuery使用$.ajax提交表单完整实例
Dec 11 Javascript
Angular学习笔记之集成三方UI框架、控件的示例
Mar 23 Javascript
vue + typescript + 极验登录验证的实现方法
Jun 27 Javascript
Vue双向数据绑定(MVVM)的原理
Oct 03 Javascript
vue中是怎样监听数组变化的
Oct 24 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使用eAccelerator的API开发详解
2013/06/09 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2006/11/24 Javascript
javascript 面向对象编程基础:继承
2009/08/21 Javascript
JavaScript几种形式的树结构菜单
2010/05/10 Javascript
javascript 数据类型转换(parseInt,parseFloat)
2010/07/20 Javascript
javascript中常用编程知识
2013/04/08 Javascript
浅谈Javascript如何实现匀速运动
2014/12/19 Javascript
JQuery实现鼠标移动图片显示描述层的方法
2015/06/25 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
2016/06/03 Javascript
js控制按钮,防止频繁点击响应的实例
2017/02/15 Javascript
Flask中获取小程序Request数据的两种方法
2017/05/12 Javascript
vue 计时器组件的实现代码
2017/09/14 Javascript
JavaScript基于面向对象实现的猜拳游戏
2018/01/03 Javascript
vue 子组件向父组件传值方法
2018/02/26 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
2019/01/18 Javascript
JavaScript中将值转换为字符串的五种方法总结
2019/06/06 Javascript
Python中列表、字典、元组、集合数据结构整理
2014/11/20 Python
使用Python发送邮件附件以定时备份MySQL的教程
2015/04/25 Python
Python的CGIHTTPServer交互实现详解
2018/02/08 Python
python使用Tesseract库识别验证
2018/03/21 Python
python 生成任意形状的凸包图代码
2020/04/16 Python
Python过滤掉numpy.array中非nan数据实例
2020/06/08 Python
通过HTML5规范搞定i、em、b、strong元素的区别
2017/03/04 HTML / CSS
app内嵌H5 webview 本地缓存问题的解决
2020/10/19 HTML / CSS
前台文员个人求职信范文
2014/01/05 职场文书
火灾现场处置方案
2014/05/28 职场文书
护校行动方案
2014/05/31 职场文书
企业活动策划方案
2014/06/02 职场文书
药剂专业毕业生求职信
2014/06/24 职场文书
应用心理学专业求职信
2014/08/04 职场文书
领导班子奢靡之风查摆问题及整改措施
2014/09/27 职场文书
起诉书范文
2015/05/20 职场文书
应收账款管理制度
2015/08/06 职场文书
煤矿安全学习心得体会
2016/01/18 职场文书
Python基础数据类型tuple元组的概念与用法
2021/08/02 Python
nginx配置限速限流基于内置模块
2022/05/02 Servers