首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JS 兑现Table相同行的单元格自动合并

2013-09-05 
JS 实现Table相同行的单元格自动合并代码如下,可直接运行:!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 T

JS 实现Table相同行的单元格自动合并

代码如下,可直接运行:

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


热点排行
Bad Request.