欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS 實現(xiàn)Table相同行的單元格自動合并示例代碼

 更新時間:2013年08月27日 15:02:52   作者:  
Table相同行的單元格自動合并,使用js來實現(xiàn)此效果,具體代碼下,感興趣的朋友可以參考下
代碼如下,可直接運行:
復(fù)制代碼 代碼如下:

<!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>地區(qū)</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>

相關(guān)文章

  • 快速解決bootstrap下拉菜單無法隱藏的問題

    快速解決bootstrap下拉菜單無法隱藏的問題

    今天小編就為大家分享一篇快速解決bootstrap下拉菜單無法隱藏的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • H5+C3+JS實現(xiàn)五子棋游戲(AI篇)

    H5+C3+JS實現(xiàn)五子棋游戲(AI篇)

    這篇文章主要為大家詳細介紹了H5+C3+JS實現(xiàn)五子棋游戲AI篇,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-09-09
  • 純javascript實現(xiàn)圖片延時加載方法

    純javascript實現(xiàn)圖片延時加載方法

    看到一篇博客說土豆網(wǎng)的圖片是延遲加載的。原理是這樣:頁面可見區(qū)域以下的圖片先不加載,等到用戶向下滾動到圖片位置時,再進行加載。這樣做的好處是當頁面有好幾屏內(nèi)容時,這樣我們就可以只加載用戶需要看的圖片,減少服務(wù)器向用戶瀏覽器發(fā)送圖片文件所產(chǎn)生的負荷。
    2015-08-08
  • 菜單制作學(xué)習(xí)一個小東西

    菜單制作學(xué)習(xí)一個小東西

    菜單制作學(xué)習(xí)一個小東西...
    2006-09-09
  • js代碼實現(xiàn)多人聊天室

    js代碼實現(xiàn)多人聊天室

    這篇文章主要為大家詳細介紹了js代碼實現(xiàn)多人聊天室,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-11-11
  • 使用bootstrap實現(xiàn)下拉框搜索功能的實例講解

    使用bootstrap實現(xiàn)下拉框搜索功能的實例講解

    今天小編就為大家分享一篇使用bootstrap實現(xiàn)下拉框搜索功能的實例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • 利用JS如何獲取form表單數(shù)據(jù)

    利用JS如何獲取form表單數(shù)據(jù)

    這篇文章主要給大家介紹了關(guān)于利用JS如何獲取form表單數(shù)據(jù)的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-12-12
  • js中hasOwnProperty的屬性及實例用法詳解

    js中hasOwnProperty的屬性及實例用法詳解

    在本篇文章里小編給大家整理的是一篇關(guān)于js中hasOwnProperty的屬性及實例用法詳解內(nèi)容,有需要的朋友們可以跟著學(xué)習(xí)下。
    2021-11-11
  • JavaScript代碼實現(xiàn)簡單日歷效果

    JavaScript代碼實現(xiàn)簡單日歷效果

    這篇文章主要為大家詳細介紹了JavaScript代碼實現(xiàn)簡單日歷效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-04-04
  • 基于javascript簡單實現(xiàn)對身份證校驗

    基于javascript簡單實現(xiàn)對身份證校驗

    這篇文章主要介紹了基于javascript簡單實現(xiàn)對身份證校驗的相關(guān)資料,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-02-02

最新評論