테이블의 td_javascript 기술과 동일한 내용을 병합하는 js의 자세한 예

复代码码 代码如下:

function hb(){
var tab = document.getElementById( "하위 표");
var maxCol = 3, val, count, start;
var ys="";
for(var col = maxCol-1; col >= 0 ; col--) {
count = 1;
발 = "";
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";
}그 외{
ys="#00FFFF";
}
tab.rows[start].cells[col].rowSpan = 개수;
tab.rows[start].cells[1].style.BackgroundColor=ys;//改变颜color
// ys="#EEEE00";
// tab.rows[i].cells[1].style.groundColor="#00FFFF";//改变颜color绿color
for(var j=start 1; jtab.rows[j].cells[col].style.display = "없음";
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]);
}
}
}
}