JS 实现Table相同行的单元格自动合并示例代码


Posted in Javascript onAugust 27, 2013

代码如下,可直接运行:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
</HEAD> 
<SCRIPT LANGUAGE="JavaScript"> 
function autoRowSpan(tb,row,col) 
{ 
var lastValue=""; 
var value=""; 
var pos=1; 
for(var i=row;i<tb.rows.length;i++){ 
value = tb.rows[i].cells[col].innerText; 
if(lastValue == value){ 
tb.rows[i].deleteCell(col); 
tb.rows[i-pos].cells[col].rowSpan = tb.rows[i-pos].cells[col].rowSpan+1; 
pos++; 
}else{ 
lastValue = value; 
pos=1; 
} 
} 
} </SCRIPT> 
<BODY onload="autoRowSpan(tb,0,0)"> 
<TABLE id="tb" border="1"> 
<THEAD> 
<TR > 
<TD>国家</TD> 
<TD>地区</TD> 
</TR> 
</THEAD> 
<TR> 
<TD>中国</TD> 
<TD>河南</TD> 
</TR> 
<TR> 
<TD>中国</TD> 
<TD>四川</TD> 
</TR> 
<TR> 
<TD>中国</TD> 
<TD>北京</TD> 
</TR> 
<TR> 
<TD>美国</TD> 
<TD>纽约</TD> 
</TR> 
<TR> 
<TD>美国</TD> 
<TD>洛杉矶</TD> 
</TR> 
<TR> 
<TD>英国</TD> 
<TD>伦敦</TD> 
</TR> 
</TABLE> 
</BODY> 
</HTML>
Javascript 相关文章推荐
JMenuTab简单使用说明
Mar 13 Javascript
使用JavaScript库还是自己写代码?
Jan 28 Javascript
JavaScript传递变量: 值传递?引用传递?
Feb 22 Javascript
Jquery判断IE6等浏览器的代码
Apr 05 Javascript
JQuery select控件的相关操作实现代码
Sep 14 Javascript
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
Nov 26 Javascript
详解JavaScript正则表达式之分组匹配及反向引用
Mar 09 Javascript
jquery实现点击页面回到顶部
Nov 23 Javascript
js实现图片360度旋转
Jan 22 Javascript
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
Apr 10 jQuery
element-ui upload组件多文件上传的示例代码
Oct 17 Javascript
angular 用Observable实现异步调用的方法
Dec 27 Javascript
Javascript 浮点运算的问题分析与解决方法
Aug 27 #Javascript
js中点击空白区域时文本框与隐藏层的显示与影藏问题
Aug 26 #Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 #Javascript
关于Jquery操作Cookie取值错误的解决方法
Aug 26 #Javascript
jquery弹出框的用法示例(2)
Aug 26 #Javascript
jquery弹出框的用法示例(一)
Aug 26 #Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
Aug 26 #Javascript
You might like
全国FM电台频率大全 - 3 河北省
2020/03/11 无线电
基于php设计模式中单例模式的应用分析
2013/05/15 PHP
详解YII关联查询
2016/01/10 PHP
PHP读取大文件末尾N行的高效方法推荐
2016/06/03 PHP
php+ajax无刷新上传图片的实现方法
2016/12/06 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
用js怎么把&amp;字符换成&quot;&amp;amp:&quot;
2006/10/19 Javascript
Prototype String对象 学习
2009/07/19 Javascript
修改jquery.lazyload.js实现页面延迟载入
2010/12/22 Javascript
Ubuntu 11.10 安装Node.js的方法
2011/11/30 Javascript
JavaScript面向对象(极简主义法minimalist approach)
2012/07/17 Javascript
window.open以post方式将内容提交到新窗口
2012/12/26 Javascript
禁用页面部分JavaScript不是全部而是部分
2014/09/03 Javascript
你所不了解的javascript操作DOM的细节知识点(一)
2015/06/17 Javascript
JavaScript实现自动消除按钮功能的方法
2015/08/05 Javascript
基于JavaScript怎么实现让歌词滚动播放
2015/11/03 Javascript
NW.js 简介与使用方法
2018/02/01 Javascript
vue配置多页面的实现方法
2018/05/22 Javascript
深入浅析javascript函数中with
2018/10/28 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
2019/08/16 Javascript
node.js中npm包管理工具用法分析
2020/02/14 Javascript
js实现列表按字母排序
2020/08/11 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS OG
2018/03/30 DOTA
Python3简单实例计算同花的概率代码
2017/12/06 Python
python实现KNN分类算法
2019/10/16 Python
找Python安装目录,设置环境路径以及在命令行运行python脚本实例
2020/03/09 Python
Html5中的桌面通知Notification的实现
2018/09/25 HTML / CSS
HTML5调用手机摄像头拍照的实现思路及代码
2014/06/15 HTML / CSS
Bally澳大利亚官网:瑞士奢侈品牌
2018/11/01 全球购物
爱普生美国官网:Epson美国
2018/11/05 全球购物
毕业生教师求职信
2013/10/20 职场文书
夜大毕业生自我鉴定
2013/10/31 职场文书
本科生职业生涯规划书范文
2014/01/21 职场文书
捐赠仪式主持词
2014/03/19 职场文书
工厂采购员岗位职责
2015/04/07 职场文书
如何利用Python实现n*n螺旋矩阵
2022/01/18 Python