手机
当前位置:查字典教程网 >编程开发 >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相同行的单元格自动合并示例代码】相关文章:

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

光标定位等TextRange的操作的范例代码

实现placeholder效果的方案汇总

javascript实现淡蓝色的鼠标拖动选择框实例

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

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

JS实现定时自动关闭DIV层提示框的方法

js实现发送验证码后的倒计时功能

将HTML自动转为JS代码

jQuery+ajax实现无刷新级联菜单示例

精品推荐
分类导航