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

js控制table合并具體實現(xiàn)

 更新時間:2014年02月20日 16:46:43   作者:  
這篇文章主要介紹了js控制table合并的具體實現(xiàn),需要的朋友可以參考下
復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>無標題文檔 </title>
</head>

<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="tab">
<tr>
<td rowspan="0">張三 </td>
<td>男 </td>
<td>22 </td>
<td>數(shù)學 </td>
<td>90 </td>
</tr>
<tr>
<td rowspan="0">張三 </td>
<td>男 </td>
<td>22 </td>
<td>數(shù)學 </td>
<td>90 </td>
</tr>
<tr>
<td rowspan="0">張三 </td>
<td>女 </td>
<td>22 </td>
<td>語文 </td>
<td>70 </td>
</tr>
<tr>
<td rowspan="0">張三 </td>
<td>女 </td>
<td>22 </td>
<td>英語 </td>
<td>60 </td>
</tr>
<tr>
<td rowspan="0">李四 </td>
<td>女 </td>
<td>22 </td>
<td>數(shù)學 </td>
<td>60 </td>
</tr>
<tr>
<td rowspan="0">李四 </td>
<td>女 </td>
<td>19 </td>
<td>語文 </td>
<td>60 </td>
</tr>
<tr>
<td rowspan="0">王五 </td>
<td>男 </td>
<td>19 </td>
<td>英語 </td>
<td>60 </td>
</tr>
</table>

<script type="text/javascript">
window.onload = function(){
var tab = document.getElementById("tab");
var col =0;

megercell(tab, col);

megercell1(tab, col+1);

for(var i=0; i<tab.rows.length; i++){
// alert(tab.rows[i].cells[0].getAttribute("rowspan"));
}
};


function megercell(tab, col){
count = 1;
val = "";
for(var i=0; i<tab.rows.length; i++){
if(val == tab.rows[i].cells[col].innerHTML){
count++;
}else{
if(count > 1){
from = i - count;

tab.rows[from].cells[col].rowSpan = count;
for(var j=from+1; j<i; j++){
tab.rows[j].cells[col].style.display = "none";
}
count = 1;
}
val = tab.rows[i].cells[col].innerHTML;
}
}
}

function megercell1(tab, col){
count = 1;
val = "";
var rowspan = 0;
for(var i=0; i<tab.rows.length;){
rowspan = parseInt(tab.rows[i].cells[0].getAttribute("rowspan"));

if(rowspan)
{
for(var n = 0; n < rowspan; n++)
{
if(val == tab.rows[i].cells[col].innerHTML){
count++;
}else{
if(count > 1){
from = i - count;
tab.rows[from].cells[col].rowSpan = count;
for(var j=from+1; j<i; j++){
tab.rows[j].cells[col].style.display = "none";
}
count = 1;
}
val = tab.rows[i].cells[col].innerHTML;
}
i++;
}
if(count > 1)
{
from = i - count;

alert(from +" "+ i +" "+ count);
tab.rows[from].cells[col].rowSpan = count;
for(var j=from+1; j<i; j++){
tab.rows[j].cells[col].style.display = "none";
}
}
count = 1;
val = "";
}
else
{
i++;
}
}
}

</script>
</body>
</html>

相關文章

  • Javascript加載速度慢的解決方案

    Javascript加載速度慢的解決方案

    在網(wǎng)站里面會加載一些js代碼,統(tǒng)計啊,百度廣告等等,結果弄得頁面加載速度很慢,下面有個不錯的解決方法,大家可以參考下
    2014-03-03
  • 一個js的tab切換效果代碼[代碼分離]

    一個js的tab切換效果代碼[代碼分離]

    看了此文(YUI實現(xiàn)的Tab 切換),有感而發(fā),寫了一個tab切換的函數(shù),做學習之用。原生js實現(xiàn),因為框架不好玩。
    2010-04-04
  • layui的layer.confirm如何獲取按鈕焦點

    layui的layer.confirm如何獲取按鈕焦點

    因為ayer.confirm的按鈕并非采用button,而是a標簽,所以獲取按鈕焦點獲取不到,要采用別的方法,下面介紹在ie11中和ie8中不同的寫法,對layui layer.confirm獲取按鈕焦點相關知識感興趣的朋友一起看看吧
    2023-11-11
  • 微信小程序?qū)崿F(xiàn)豎排slider效果

    微信小程序?qū)崿F(xiàn)豎排slider效果

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)豎排slider效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-06-06
  • bootstrap datepicker 與bootstrapValidator同時使用時選擇日期后無法正常觸發(fā)校驗的解決思路

    bootstrap datepicker 與bootstrapValidator同時使用時選擇日期后無法正常觸發(fā)校驗的解

    這篇文章主要介紹了bootstrap datepicker 與bootstrapValidator同時使用時選擇日期后無法正常觸發(fā)校驗的解決思路的相關資料,需要的朋友可以參考下
    2016-09-09
  • JavaScript自動點擊鏈接 防止繞過瀏覽器訪問的方法

    JavaScript自動點擊鏈接 防止繞過瀏覽器訪問的方法

    下面小編就為大家?guī)硪黄狫avaScript自動點擊鏈接 防止繞過瀏覽器訪問的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-01-01
  • 淺談js的解析順序 作用域 嚴格模式

    淺談js的解析順序 作用域 嚴格模式

    下面小編就為大家?guī)硪黄獪\談js的解析順序 作用域 嚴格模式。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-10-10
  • Bootstrap網(wǎng)格系統(tǒng)詳解

    Bootstrap網(wǎng)格系統(tǒng)詳解

    bootstrap框架中的網(wǎng)格系統(tǒng)就是將容器平分成12份,在使用的時候可以根據(jù)實際情況重新編譯LESS/SASS源碼來修改12這個數(shù)值。接下來通過本文給大家介紹Bootstrap網(wǎng)格系統(tǒng),感興趣的朋友一起學習
    2016-04-04
  • 給moz-firefox下添加IE方法和屬性

    給moz-firefox下添加IE方法和屬性

    給moz-firefox下添加IE方法和屬性...
    2007-04-04
  • JavaScript?數(shù)組方法filter與reduce

    JavaScript?數(shù)組方法filter與reduce

    這篇文章主要介紹了JavaScript?數(shù)組方法filter與reduce,在ES6新增的數(shù)組方法中,包含了多個遍歷方法,其中包含了用于篩選的filter和reduce
    2022-07-07

最新評論