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 相关文章推荐
javascript判断机器是否联网的2种方法
Aug 09 Javascript
jQuery网页选项卡插件rTabs用法实例分析
Aug 26 Javascript
js+html5操作sqlite数据库的方法
Feb 02 Javascript
Node.js程序中的本地文件操作用法小结
Mar 06 Javascript
如何消除inline-block属性带来的标签间间隙
Mar 31 Javascript
jquery实现图片上传前本地预览功能
May 10 Javascript
如何使用headjs来管理和异步加载js
Nov 29 Javascript
jquery实现(textarea)placeholder自动换行
Dec 22 Javascript
JavaScript Canvas绘制圆形时钟效果
Aug 20 Javascript
vue模式history下在iis中配置流程
Apr 17 Javascript
vue cli安装使用less的教程详解
Jul 12 Javascript
layui type2 通过url给iframe子页面传值的例子
Sep 06 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
PHP文件操作之获取目录下文件与计算相对路径的方法
2016/01/08 PHP
php HTML无刷新提交表单
2016/04/05 PHP
PHP实现字符串大小写转函数的功能实例
2019/02/06 PHP
Laravel使用swoole实现websocket主动消息推送的方法介绍
2019/10/20 PHP
JQuery入门——用bind方法绑定事件处理函数应用介绍
2013/02/05 Javascript
js异步加载的三种解决方案
2013/03/04 Javascript
js写一个字符串转成驼峰的实例
2013/06/21 Javascript
往光标所在位置插入值的js代码
2013/09/22 Javascript
Javascript中string转date示例代码
2013/11/01 Javascript
JavaScript调用客户端的可执行文件(示例代码)
2013/11/28 Javascript
JavaScript学习笔记之基础语法
2015/01/22 Javascript
jQuery实现在列表的首行添加数据
2015/05/19 Javascript
在Linux系统中搭建Node.js开发环境的简单步骤讲解
2016/01/26 Javascript
JS中的forEach、$.each、map方法推荐
2016/04/05 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
2016/05/16 Javascript
AngularJS 如何在控制台进行错误调试
2016/06/07 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
2017/06/13 Javascript
关于Ajax的原理以及代码封装详解
2017/09/08 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
2018/02/10 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
2018/04/17 Javascript
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
微信小程序点餐系统开发常见问题汇总
2019/08/06 Javascript
jQuery 筛选器简单操作示例
2019/10/02 jQuery
JS绘图Flot应用图形绘制异常解决方案
2020/10/16 Javascript
[01:42]DOTA2 – 虚无之灵
2019/08/25 DOTA
Swift中的协议(protocol)学习教程
2016/07/08 Python
巧用python和libnmapd,提取Nmap扫描结果
2016/08/23 Python
python去掉 unicode 字符串前面的u方法
2018/10/21 Python
深入了解和应用Python 装饰器 @decorator
2019/04/02 Python
大数据分析用java还是Python
2020/07/06 Python
Python 必须了解的5种高级特征
2020/09/10 Python
python反扒机制的5种解决方法
2021/02/06 Python
在IE6系列等老式浏览器中使用HTML5的新标签实现方案
2012/12/25 HTML / CSS
The North Face北面美国官网:美国著名户外品牌
2018/09/15 全球购物
Shopbop中文官网:美国亚马逊旗下时尚购物网站
2020/12/15 全球购物
三方股东合作协议书
2014/10/28 职场文书