ホームページ > ウェブフロントエンド > jsチュートリアル > テーブルの td_javascript スキルの同じ内容をマージする js の詳細な例

テーブルの td_javascript スキルの同じ内容をマージする js の詳細な例

WBOY
リリース: 2016-05-16 17:06:43
オリジナル
1737 人が閲覧しました
复制代码代码如下:

function hb(){
var tab = document.getElementById( 「サブテーブル」);
var maxCol = 3、val、count、start;
var ys="";
for(varcol=maxCol-1;col>=0;col--){
count=1;
val = "";
for(var i=0; iif(val == tab.rows[i].cells[col].innerHTML){
count ;
}else{
if(count > 1){
//合并
start = i - count;
if(ys=="#00FFFF"){
ys="#EEEE00";
}else{
ys="#00FFFF";
}
tab.rows[start].cells[col].rowSpan = count;
tab.rows[start].cells[1].style.backgroundColor=ys;//修正颜色
// ys="#EEEE00";
// tab.rows[i].cells[1].style.backgroundColor="#00FFFF";//改变颜色绿色
for(var j=start 1; jtab.rows[j].cells[col].style.display = "none";
tab.rows[j].removeChild(tab.rows[j].cells[col]);
}
カウント = 1;
}
val = tab.rows[i].cells[col].innerHTML;
}
}

if(count > 1 ){ //合并,最後几行同一的情况下
start = i - count;
tab.rows[start].cells[col].rowSpan = カウント;
for(var j=start 1; jtab.rows[j].removeChild(tab.rows[j].cells[col]);
}
}
}
}
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート