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 相关文章推荐
找到了一篇jQuery与Prototype并存的冲突的解决方法
Aug 29 Javascript
一些主流JS框架中DOMReady事件的实现小结
Feb 12 Javascript
ajax中get和post的说明及使用与区别
Dec 23 Javascript
js常用数组操作方法简明总结
Jun 20 Javascript
基于jQuery实现的向下滑动二级菜单效果代码
Aug 31 Javascript
Vue ElementUI之Form表单验证遇到的问题
Aug 21 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
Sep 07 Javascript
浅谈使用mpvue开发小程序需要注意和了解的知识点
May 23 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
Aug 10 Javascript
微信小程序仿通讯录功能
Apr 09 Javascript
vue页面跳转实现页面缓存操作
Jul 22 Javascript
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
Oct 05 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
Symfony2使用第三方库Upload制作图片上传实例详解
2016/02/04 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
利用javascript的面向对象的特性实现限制试用期
2011/08/04 Javascript
jQuery Tools Dateinput使用介绍
2012/07/14 Javascript
javascript强大的日期函数代码分享
2013/09/04 Javascript
利用jquery操作Radio方法小结
2014/10/20 Javascript
js简单实现点击左右运动的方法
2015/04/10 Javascript
JavaScript获取IP获取的是IPV6 如何校验
2016/06/12 Javascript
微信小程序 Nginx环境配置详细介绍
2017/02/14 Javascript
JavaScript中双向数据绑定详解
2017/05/03 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
2019/11/04 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
vue+Element-ui前端实现分页效果
2020/11/15 Javascript
js前端对于大量数据的展示方式及处理方法
2020/12/02 Javascript
Python计算程序运行时间的方法
2014/12/13 Python
在Python中使用base64模块处理字符编码的教程
2015/04/28 Python
Python入门之modf()方法的使用
2015/05/15 Python
浅谈python中set使用
2016/06/30 Python
Django重装mysql后启动报错:No module named ‘MySQLdb’的解决方法
2018/04/22 Python
python得到qq句柄,并显示在前台的方法
2018/10/14 Python
python将txt文档每行内容循环插入数据库的方法
2018/12/28 Python
Python使用paramiko操作linux的方法讲解
2019/02/25 Python
浅析python redis的连接及相关操作
2019/11/07 Python
Under Armour西班牙官网:美国知名的高端功能性运动品牌
2018/12/12 全球购物
俄罗斯女装店:12storeez
2019/10/25 全球购物
汽车检测与维修应届毕业生求职信
2013/10/19 职场文书
创业大赛策划书
2014/03/01 职场文书
小学生竞选班长演讲稿
2014/04/24 职场文书
青奥会口号
2014/06/12 职场文书
银行求职自荐书
2014/06/25 职场文书
90行Python代码开发个人云盘应用
2021/04/20 Python
pandas中DataFrame检测重复值的实现
2021/05/26 Python
mysql备份策略的实现(全量备份+增量备份)
2021/07/07 MySQL
Java设计模式中的命令模式
2022/04/28 Java/Android
解决Vmware虚拟机安装centos8报错“Section %Packages Does Not End With %End. Pane Is Dead”
2022/06/01 Servers
如何解决flex文本溢出问题小结
2022/07/15 HTML / CSS