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代码,用以防止图片撑破页面
Mar 12 Javascript
js计算页面刷新的次数
Jul 20 Javascript
js中confirm实现执行操作前弹出确认框的方法
Nov 01 Javascript
js控制多图左右滚动切换效果代码分享
Aug 26 Javascript
BootStrap 可编辑表Table格
Nov 24 Javascript
jQuery实现模拟flash头像裁切上传功能示例
Dec 11 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
Feb 18 Javascript
Vue表单验证插件Vue Validator使用方法详解
Apr 07 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
Aug 30 Javascript
在Vue.js中使用Mixins的方法
Sep 12 Javascript
Vue 页面权限控制和登陆验证功能的实例代码
Jun 20 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
Feb 01 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
一个MYSQL操作类
2006/11/16 PHP
PHP XML error parsing SOAP payload on line 1
2010/06/17 PHP
PHP编码规范之注释和文件结构说明
2010/07/09 PHP
PHP实现无限极分类的两种方式示例【递归和引用方式】
2019/03/25 PHP
Extjs学习笔记之六 面版
2010/01/08 Javascript
基于jquery的loading效果实现代码
2010/11/05 Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
2010/11/05 Javascript
如何将JS的变量值传递给ASP变量
2012/12/10 Javascript
js 定时器setTimeout无法调用局部变量的解决办法
2013/11/28 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
2014/01/14 Javascript
javascript实现简单的全选和反选功能
2016/01/05 Javascript
javascript基础知识分享之类与函数化
2016/02/13 Javascript
javascript实现抽奖程序的简单实例
2016/06/07 Javascript
JS常用知识点整理
2017/01/21 Javascript
原生js添加一个或多个类名的方法分析
2019/07/30 Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
2019/09/23 Javascript
微信js-sdk 录音功能的示例代码
2019/11/01 Javascript
JS时间戳与日期格式互相转换的简单方法示例
2021/01/30 Javascript
浅析Python中将单词首字母大写的capitalize()方法
2015/05/18 Python
Python学习小技巧之利用字典的默认行为
2017/05/20 Python
Python实现生成随机日期字符串的方法示例
2017/12/25 Python
pandas中DataFrame修改index、columns名的方法示例
2019/08/02 Python
Python函数的定义方式与函数参数问题实例分析
2019/12/26 Python
在Python中使用K-Means聚类和PCA主成分分析进行图像压缩
2020/04/10 Python
使用CSS3来代替JS实现交互
2017/08/10 HTML / CSS
CSS3使用transition属性实现过渡效果
2018/04/18 HTML / CSS
Hammitt官网:设计师手袋
2020/05/23 全球购物
银行学习十八大感想
2014/01/11 职场文书
董事长助理岗位职责
2014/02/18 职场文书
毕业生求职信范文
2014/06/29 职场文书
面试自我评价范文
2014/09/17 职场文书
2014年教研组工作总结
2014/11/26 职场文书
2015年端午节活动策划书
2015/05/05 职场文书
学习商务礼仪心得体会
2016/01/22 职场文书
幼儿园语言教学反思
2016/02/23 职场文书
一道JS算法面试题——冒泡、选择排序
2021/04/21 Javascript