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 相关文章推荐
js类中获取外部函数名的方法
Aug 19 Javascript
javascript EXCEL 操作类代码
Jul 30 Javascript
js parentElement和offsetParent之间的区别
Mar 23 Javascript
JavaScript检查数字是否为整数或浮点数的方法
Jun 09 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
May 10 Javascript
vue-cli入门之项目结构分析
Apr 20 Javascript
如何使用angularJs
May 08 Javascript
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
JS实现灯泡开关特效
Mar 30 Javascript
如何优雅地取消 JavaScript 异步任务
Mar 22 Javascript
JavaScript编写开发动态时钟
Jul 29 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批量采集下载美女图片的实现代码
2013/06/03 PHP
php curl选项列表(超详细)
2013/07/01 PHP
页面乱码问题的根源及其分析
2013/08/09 PHP
phpmyadmin出现Cannot start session without errors问题解决方法
2014/08/14 PHP
PHP对象递归引用造成内存泄漏分析
2014/08/28 PHP
PHP从数组中删除元素的四种方法实例
2017/05/12 PHP
PHP开启目录引索+fancyindex漂亮目录浏览带搜索功能
2019/09/23 PHP
js操作iframe兼容各种主流浏览器示例代码
2013/07/22 Javascript
jquery $.each 和for怎么跳出循环终止本次循环
2013/09/27 Javascript
JS 实现点击a标签的时候让其背景更换
2013/10/15 Javascript
JavaScript中的setUTCDate()方法使用详解
2015/06/11 Javascript
BootStrap入门教程(二)之固定的内置样式
2016/09/19 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
2017/01/22 Javascript
实现div滚动条默认最底部以及默认最右边的示例代码
2017/11/15 Javascript
AngularJS实现的base64编码与解码功能示例
2018/05/17 Javascript
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
2018/05/21 Javascript
微信小程序仿微信运动步数排行(交互)
2018/07/13 Javascript
vue项目使用微信公众号支付总结及遇到的坑
2018/10/23 Javascript
在element-ui的el-tree组件中用render函数生成el-button的实例代码
2018/11/05 Javascript
微信小程序开发技巧汇总
2019/07/15 Javascript
Python列表推导式、字典推导式与集合推导式用法实例分析
2018/02/07 Python
python八皇后问题的解决方法
2018/09/27 Python
Python进阶之@property动态属性的实现
2019/04/01 Python
Python文件操作中进行字符串替换的方法(保存到新文件/当前文件)
2019/06/28 Python
django框架创建应用操作示例
2019/09/26 Python
用Python开发app后端有优势吗
2020/06/29 Python
HTML5 Canvas中绘制矩形实例
2015/01/01 HTML / CSS
法国设计制造的扫帚和刷子:Andrée Jardin
2018/12/06 全球购物
Jacadi Paris英国官网:法国童装品牌
2019/08/09 全球购物
Hotels.com泰国:酒店预订网站
2019/11/20 全球购物
自动化专业个人求职信范文
2013/11/29 职场文书
中学生班主任评语
2014/01/30 职场文书
2014幼儿园教师个人工作总结
2014/11/08 职场文书
新郎答谢词
2015/01/04 职场文书
教你怎么用Python实现多路径迷宫
2021/04/29 Python
vue实现列表垂直无缝滚动
2022/04/08 Vue.js