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

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

 更新時(shí)間：2013年08月27日 15:02:52   作者：  
Table相同行的單元格自動(dòng)合并，使用js來(lái)實(shí)現(xiàn)此效果，具體代碼下，感興趣的朋友可以參考下
代碼如下，可直接運(yù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>國(guó)家</TD>
<TD>地區(qū)</TD>
</TR>
</THEAD>
<TR>
<TD>中國(guó)</TD>
<TD>河南</TD>
</TR>
<TR>
<TD>中國(guó)</TD>
<TD>四川</TD>
</TR>
<TR>
<TD>中國(guó)</TD>
<TD>北京</TD>
</TR>
<TR>
<TD>美國(guó)</TD>
<TD>紐約</TD>
</TR>
<TR>
<TD>美國(guó)</TD>
<TD>洛杉磯</TD>
</TR>
<TR>
<TD>英國(guó)</TD>
<TD>倫敦</TD>
</TR>
</TABLE>
</BODY>
</HTML>

相關(guān)文章

  • 快速解決bootstrap下拉菜單無(wú)法隱藏的問(wèn)題

    快速解決bootstrap下拉菜單無(wú)法隱藏的問(wèn)題

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

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

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

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

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

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

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

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

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

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

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

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

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

    js中hasOwnProperty的屬性及實(shí)例用法詳解

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

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

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

    基于javascript簡(jiǎn)單實(shí)現(xiàn)對(duì)身份證校驗(yàn)

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

最新評(píng)論