手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS 实现Table相同行的单元格自动合并示例代码
JS 实现Table相同行的单元格自动合并示例代码
摘要:代码如下,可直接运行:复制代码代码如下:NewDocumentfunctionautoRowSpan(tb,row,col){varlast...

代码如下,可直接运行:

复制代码 代码如下:

<!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>

【JS 实现Table相同行的单元格自动合并示例代码】相关文章:

如何实现iframe(嵌入式帧)的自适应高度

JS实现屏蔽shift,Ctrl,alt等功能键的方法

JS函数实现鼠标指向图片后显示大图代码

实现DIV圆角的JavaScript代码

JavaScript实现列表分页功能特效

javascript实现带下拉子菜单的导航菜单效果

jQuery实现div随意拖动的实例代码(通用代码)

JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)

JS+CSS实现的拖动分页效果实例

jquery合并表格中相同文本的相邻单元格

精品推荐
分类导航