国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JS 實現Table相同行的單元格自動合并示例代碼

2024-05-06 15:51:11
字體:
來源:轉載
供稿:網友
Table相同行的單元格自動合并,使用js來實現此效果,具體代碼下,感興趣的朋友可以參考下

代碼如下,可直接運行:

復制代碼 代碼如下:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META CONTENT="EditPlus">
<META CONTENT="">
<META CONTENT="">
<META 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>
<TABLE>
<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>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 秦安县| SHOW| 玛纳斯县| 基隆市| 五大连池市| 柘城县| 青海省| 从化市| 明溪县| 奈曼旗| 汝城县| 呼图壁县| 竹山县| 礼泉县| 伊川县| 十堰市| 博湖县| 新巴尔虎右旗| 庄河市| 根河市| 屯昌县| 定远县| 武安市| 永胜县| 沂南县| 四子王旗| 明星| 宁化县| 松江区| 雷州市| 奎屯市| 普安县| 疏附县| 北海市| 来凤县| 尉氏县| 丹巴县| 万荣县| 临清市| 临夏县| 禹城市|