通过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 相关文章推荐
超酷的网页音乐播放器DewPlayer使用方法
Dec 18 Javascript
基于jquery的大众点评,分类导航实现代码
Aug 23 Javascript
jquery命令汇总,方便使用jquery的朋友
Jun 26 Javascript
jQuery阻止同类型事件小结
Apr 19 Javascript
JS图片切换的具体方法(带缩略图版)
Nov 12 Javascript
教你JS中的运算符乘方、开方及变量格式转换
Aug 09 Javascript
jquery中有哪些api jQuery主要API
Nov 20 jQuery
React-router4路由监听的实现
Aug 07 Javascript
vue组件表单数据回显验证及提交的实例代码
Aug 30 Javascript
JS使用对象的defineProperty进行变量监控操作示例
Feb 02 Javascript
jQuery提示框插件SweetAlert用法分析
Aug 05 jQuery
VUE+node(express)实现前后端分离
Oct 13 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
图书管理程序(三)
2006/10/09 PHP
php更新mysql后获取影响的行数发生异常解决方法
2013/03/28 PHP
Avengerls vs KG BO3 第一场2.18
2021/03/10 DOTA
js时间日期和毫秒的相互转换
2013/02/22 Javascript
JS两种定义方式的区别、内部原理
2013/11/21 Javascript
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
2015/03/28 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
Bootstrap的基本应用要点浅析
2016/12/19 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
2017/05/15 jQuery
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
2017/07/13 Javascript
使用JS编写的随机抽取号码的小程序
2017/08/11 Javascript
利用JavaScript将Excel转换为JSON示例代码
2019/06/14 Javascript
vue axios重复点击取消上一次请求封装的方法
2019/06/19 Javascript
解决echarts数据二次渲染不成功的问题
2020/07/20 Javascript
vue element-ul实现展开和收起功能的实例代码
2020/11/25 Vue.js
JavaScript实现原型封装轮播图
2020/12/27 Javascript
Python实现聊天机器人的示例代码
2018/07/09 Python
Ubuntu下Python2与Python3的共存问题
2018/10/31 Python
python将一个英文语句以单词为单位逆序排放的方法
2018/12/20 Python
python实现中文文本分句的例子
2019/07/15 Python
对CSS3选择器的研究(详解)
2016/09/16 HTML / CSS
html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
2013/11/07 HTML / CSS
在canvas上实现元素图片镜像翻转动画效果的方法
2018/03/20 HTML / CSS
美国沙龙美发产品购物网站:Hair.com by L’Oreal
2020/11/09 全球购物
软件测试工程师结构化面试题库
2016/11/23 面试题
创业计划书六个要素
2013/12/26 职场文书
自荐信需注意事项
2014/01/25 职场文书
教师工作失职检讨书
2014/09/18 职场文书
十一国庆节“向国旗敬礼”主题班会活动方案
2014/09/27 职场文书
县人大领导班子四风对照检查材料思想汇报
2014/10/09 职场文书
员工规章制度范本
2015/08/07 职场文书
Go语言中break label与goto label的区别
2021/04/28 Golang
Python集合的基础操作
2021/11/01 Python
SQL Server查询某个字段在哪些表中存在
2022/03/03 SQL Server
Dubbo+zookeeper搭配分布式服务的过程详解
2022/04/03 Java/Android
python中validators库的使用方法详解
2022/09/23 Python