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 解析Json字符串的性能比较分析代码
Dec 16 Javascript
javascript 计算两个整数的百分比值
Dec 26 Javascript
js防止表单重复提交实现代码
Sep 05 Javascript
jQuery is()函数用法3例
May 06 Javascript
动态加载iframe时get请求传递中文参数乱码解决方法
May 07 Javascript
判断字符串的长度(优化版)中文占两个字符
Oct 30 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
Apr 12 Javascript
微信小程序中做用户登录与登录态维护的实现详解
May 17 Javascript
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 jQuery
vue的过滤器filter实例详解
Sep 17 Javascript
微信小程序自定义弹窗滚动与页面滚动冲突的解决方法
Jul 16 Javascript
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 jQuery
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缩略图等比例无损压缩,可填充空白区域补充色
2011/06/10 PHP
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
thinkphp中ajax与php响应过程详解
2014/12/08 PHP
PHP去掉json字符串中的反斜杠\及去掉双引号前的反斜杠
2015/09/30 PHP
在Mac OS上搭建PHP的Yii框架及相关测试环境
2016/02/14 PHP
url地址自动加#号问题说明
2010/08/21 Javascript
javascript是怎么继承的介绍
2012/01/05 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
2012/12/10 Javascript
javascript对象的使用和属性操作示例详解
2014/03/02 Javascript
JavaScript中字符串拼接的基本方法
2015/07/07 Javascript
js随机生成字母数字组合的字符串 随机动画数字
2015/09/02 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
JS实现控制图片显示大小的方法【图片等比例缩放功能】
2017/02/18 Javascript
解析Vue 2.5的Diff算法
2017/11/28 Javascript
vue中的router-view组件的使用教程
2018/10/23 Javascript
JS实现的小火箭发射动画效果示例
2018/12/08 Javascript
nodejs同步调用获取mysql数据时遇到的大坑
2019/03/02 NodeJs
Postman环境变量全局变量使用方法详解
2020/08/13 Javascript
[58:18]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Mineski
2018/03/30 DOTA
Python程序设计入门(3)数组的使用
2014/06/16 Python
python 二分查找和快速排序实例详解
2017/10/13 Python
Python爬虫的两套解析方法和四种爬虫实现过程
2018/07/20 Python
Python中的 ansible 动态Inventory 脚本
2020/01/19 Python
Python实现栈的方法详解【基于数组和单链表两种方法】
2020/02/22 Python
Python爬虫实现vip电影下载的示例代码
2020/04/20 Python
python对接ihuyi实现短信验证码发送
2020/05/10 Python
Python 通过爬虫实现GitHub网页的模拟登录的示例代码
2020/08/17 Python
css3实现冲击波效果的示例代码
2018/01/11 HTML / CSS
土建资料员岗位职责
2014/01/04 职场文书
物业品质提升方案
2014/06/08 职场文书
2014年财务个人工作总结
2014/12/08 职场文书
辩护词格式
2015/05/22 职场文书
信息技术国培研修日志
2015/11/13 职场文书
python对文档中元素删除,替换操作
2022/04/02 Python
Python之matplotlib绘制折线图
2022/04/13 Python
python实现双链表
2022/05/25 Python