JS 实现Table相同行的单元格自动合并示例代码_Javascript教程-查字典教程网
JS 实现Table相同行的单元格自动合并示例代码
JS 实现Table相同行的单元格自动合并示例代码
发布时间:2016-12-30 来源:查字典编辑
摘要:代码如下,可直接运行:复制代码代码如下: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>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类