通过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 相关文章推荐
js不是基础的基础
Dec 24 Javascript
JavaScript版DateAdd和DateDiff函数代码
Mar 01 Javascript
JavaScript实现拼音排序的方法
Nov 20 Javascript
jQuery 删除或是清空某个HTML元素示例
Aug 04 Javascript
JS实现让网页背景图片斜向移动的方法
Feb 25 Javascript
js获取html的span标签的值方法(超简单)
Jul 26 Javascript
微信小程序 Nginx环境配置详细介绍
Feb 14 Javascript
jQuery实现的手风琴侧边菜单效果
Mar 29 jQuery
整理一些最近经常遇到的前端面试题
Apr 25 Javascript
react 父组件与子组件之间的值传递的方法
Sep 14 Javascript
无限循环轮播图之运动框架(原生JS实现)
Oct 01 Javascript
vue路由嵌套的SPA实现步骤
Nov 06 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&amp;mysql(三)
2006/10/09 PHP
PHP的FTP学习(二)
2006/10/09 PHP
用PHPdig打造属于你自己的Google[图文教程]
2007/02/14 PHP
PHP 数据库树的遍历方法
2009/02/06 PHP
php的XML文件解释类应用实例
2014/09/22 PHP
JavaScript null和undefined区别分析
2009/10/14 Javascript
SeaJS入门教程系列之完整示例(三)
2014/03/03 Javascript
jquery缓动swing liner控制动画过程不同时刻的速度
2014/05/29 Javascript
jQuery中Ajax的get、post等方法详解
2015/01/20 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
2015/03/01 Javascript
详解AngularJS中自定义指令的使用
2015/06/17 Javascript
javascript实现省市区三级联动下拉框菜单
2015/11/17 Javascript
基于jQuery的checkbox全选问题分析
2016/11/18 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
nodejs集成sqlite使用示例
2017/06/05 NodeJs
ES6下子组件调用父组件的方法(推荐)
2018/02/23 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
2019/07/27 Javascript
Vue-router 报错NavigationDuplicated的解决方法
2020/03/31 Javascript
简单了解vue 插值表达式Mustache
2020/07/22 Javascript
深入讲解Python中的迭代器和生成器
2015/10/26 Python
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
Python骚操作之动态定义函数
2019/03/26 Python
Python中*args和**kwargs的区别详解
2019/09/17 Python
numpy中三维数组中加入元素后的位置详解
2019/11/28 Python
Parfume Klik丹麦:香水网上商店
2018/07/10 全球购物
英国儿童设计师服装的领先零售商:Base
2019/03/17 全球购物
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
2014/12/30 面试题
如何进行有效的自我评价
2013/09/27 职场文书
九年级英语教学反思
2014/01/31 职场文书
高中军训感想800字
2014/02/23 职场文书
承诺函格式模板
2015/01/21 职场文书
公积金接收函格式
2015/01/30 职场文书
小学重阳节活动总结
2015/03/24 职场文书
2015年幼儿园保育工作总结
2015/05/12 职场文书
css position fixed 左右双定位的实现代码
2021/04/29 HTML / CSS
vue实现可拖拽的dialog弹框
2021/05/13 Vue.js