js对table的td进行相同内容合并示例详解


Posted in Javascript onDecember 27, 2013
function hb(){ 
var tab = document.getElementById("subtable"); 
var maxCol = 3, val, count, start; 
var ys=""; 
for(var col = maxCol-1; col >= 0 ; col--) { 
count = 1; 
val = ""; 
for(var i=0; i<tab.rows.length; i++){ 
if(val == tab.rows[i].cells[col].innerHTML){ 
count++; 
}else{ 
if(count > 1){ 
//合并 
start = i - count; 
if(ys=="#00FFFF"){ 
ys="#EEEE00"; 
}else{ 
ys="#00FFFF"; 
} 
tab.rows[start].cells[col].rowSpan = count; 
tab.rows[start].cells[1].style.backgroundColor=ys;//改变颜色 
// ys="#EEEE00"; 
// tab.rows[i].cells[1].style.backgroundColor="#00FFFF";//改变颜色绿色 
for(var j=start+1; j<i; j++){ // 
tab.rows[j].cells[col].style.display = "none"; 
tab.rows[j].removeChild(tab.rows[j].cells[col]); 
} 
count = 1; 
} 
val = tab.rows[i].cells[col].innerHTML; 
} 
} if(count > 1 ){ //合并,最后几行相同的情况下 
start = i - count; 
tab.rows[start].cells[col].rowSpan = count; 
for(var j=start+1; j<i; j++) { 
tab.rows[j].removeChild(tab.rows[j].cells[col]); 
} 
} 
} 
}
Javascript 相关文章推荐
用Greasemonkey 脚本收藏网站会员信息到本地
Oct 26 Javascript
ext combox 下拉框不出现自动提示,自动选中的解决方法
Feb 24 Javascript
js特殊字符转义介绍
Nov 05 Javascript
javascript实例--教你实现扑克牌洗牌功能
May 15 Javascript
简介JavaScript中的setTime()方法的使用
Jun 11 Javascript
javascript创建对象、对象继承的实用方式详解
Mar 08 Javascript
js编写当天简单日历效果【实现代码】
May 03 Javascript
JS实现刷新父页面不弹出提示框的方法
Jun 22 Javascript
AngularJS中的API(接口)简单实现
Jul 28 Javascript
jquery根据一个值来选中select下的option实例代码
Aug 29 Javascript
jquery 判断是否支持Placeholder属性的方法
Feb 07 Javascript
vue中使用极验验证码的方法(附demo)
Dec 04 Javascript
JS弹出层的显示与隐藏示例代码
Dec 27 #Javascript
javascript实现的弹出层背景置灰-模拟(easyui dialog)
Dec 27 #Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
Dec 27 #Javascript
类似php的js数组的in_array函数自定义方法
Dec 27 #Javascript
JavaScript将页面表格导出为Excel的具体实现
Dec 27 #Javascript
Java/JS获取flash高宽的具体方法
Dec 27 #Javascript
location.href用法总结(最主要的)
Dec 27 #Javascript
You might like
YII Framework框架教程之国际化实现方法
2016/03/14 PHP
Gambit vs CL BO3 第二场 2.13
2021/03/10 DOTA
SWFObject Flash js调用类
2008/07/08 Javascript
javascript中关于执行环境的杂谈
2011/08/14 Javascript
原生js事件的添加和删除的封装
2014/07/01 Javascript
jquery操作select方法汇总
2015/02/05 Javascript
JQuery分屏指示器图片轮换效果实例
2015/05/21 Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
2016/06/01 Javascript
ionic 上拉菜单(ActionSheet)实例代码
2016/06/06 Javascript
AngularJS基础 ng-readonly 指令简单示例
2016/08/02 Javascript
浅谈jQuery中的eq()与DOM中element.[]的区别
2016/10/28 Javascript
Django+Vue.js搭建前后端分离项目的示例
2017/08/07 Javascript
jQuery实现碰到边缘反弹的动画效果
2018/02/24 jQuery
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
2018/03/28 jQuery
vue 监听某个div垂直滚动条下拉到底部的方法
2018/09/15 Javascript
JS数组中对象去重操作示例
2019/06/04 Javascript
js 实现ajax发送步骤过程详解
2019/07/25 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
[35:26]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第三局
2016/02/26 DOTA
[56:12]LGD vs Optic Supermajor小组赛D组胜者组决赛 BO3 第一场 6.3
2018/06/04 DOTA
[29:59]完美世界DOTA2联赛PWL S3 Forest vs access 第二场 12.11
2020/12/13 DOTA
用实例解释Python中的继承和多态的概念
2015/04/27 Python
Python 类的继承实例详解
2017/03/25 Python
Python中random模块常用方法的使用教程
2020/10/04 Python
全网最细 Python 格式化输出用法讲解(推荐)
2021/01/18 Python
HTML5 表单验证失败的提示语问题
2017/07/13 HTML / CSS
四年的个人工作自我评价
2013/12/10 职场文书
幼教简历自我评价
2014/01/28 职场文书
工作迟到检讨书
2014/02/21 职场文书
个人授权委托书范本
2014/04/03 职场文书
大学学生会竞选演讲稿
2014/04/25 职场文书
抗洪抢险事迹材料
2014/05/06 职场文书
幼儿园校园小喇叭广播稿
2014/10/17 职场文书
因家庭原因离职的辞职信范文
2015/05/12 职场文书
家装电话营销开场白
2015/05/29 职场文书
Python中的 enumerate和zip详情
2022/05/30 Python