通过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 动态调整图片尺寸实现代码
Dec 28 Javascript
JS Map 和 List 的简单实现代码
Jul 08 Javascript
JavaScript Array对象扩展indexOf()方法
May 09 Javascript
Egret引擎开发指南之发布项目
Sep 03 Javascript
创建自己的jquery表格插件
Nov 25 Javascript
浅谈js中的变量名和函数名重名
Feb 13 Javascript
js图片轮播插件的封装
Jul 21 Javascript
vue使用vue-cli快速创建工程
Jul 28 Javascript
Vue结合SignalR实现前后端实时消息同步
Sep 19 Javascript
页面点击小红心js实现代码
May 26 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
Apr 04 Javascript
对layui中的onevent 和event的使用详解
Sep 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
推荐一篇入门级的Class文章
2007/03/19 PHP
PHP写MySQL数据 实现代码
2009/06/15 PHP
php解析html类库simple_html_dom(详细介绍)
2013/07/05 PHP
YII实现分页的方法
2014/07/09 PHP
PHP实现的文件操作类及文件下载功能示例
2016/12/24 PHP
对YUI扩展的Gird组件 Part-2
2007/03/10 Javascript
使用js获取地址栏中传递的值
2013/07/02 Javascript
js 实现 input type=&quot;file&quot; 文件上传示例代码
2013/08/07 Javascript
html5的自定义data-*属性和jquery的data()方法的使用示例
2013/08/21 Javascript
Firefox下无法正常显示年份的解决方法
2014/09/04 Javascript
js实现根据身份证号自动生成出生日期
2015/12/15 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
2016/08/23 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
2016/11/16 Javascript
利用iscroll4实现轮播图效果实例代码
2017/01/11 Javascript
js中常用的Math方法总结
2017/01/12 Javascript
jQuery模拟窗口抖动效果
2017/03/15 Javascript
JavaScript之面向对象_动力节点Java学院整理
2017/06/29 Javascript
Angularjs实现下拉框联动的示例代码
2017/08/22 Javascript
Angular学习笔记之集成三方UI框架、控件的示例
2018/03/23 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
2018/04/17 Javascript
vue实现设置载入动画和初始化页面动画效果
2019/10/28 Javascript
详解Vue 项目中的几个实用组件(ts)
2019/10/29 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
2020/07/17 Javascript
python使用Apriori算法进行关联性解析
2017/12/21 Python
python2.7和NLTK安装详细教程
2018/09/19 Python
基于Python中isfile函数和isdir函数使用详解
2019/11/29 Python
python turtle工具绘制四叶草的实例分享
2020/02/14 Python
Python双链表原理与实现方法详解
2020/02/22 Python
详解Python IO口多路复用
2020/06/17 Python
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
农业开发项目建议书
2014/05/16 职场文书
培训科主任岗位职责
2014/08/08 职场文书
纪检干部现实表现材料
2014/08/21 职场文书
2014卖家双十一活动策划书
2014/09/29 职场文书
优秀高中学生评语
2014/12/30 职场文书
英镑符号 £
2022/02/17 杂记