麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 21:04:01
字體:
供稿:網(wǎng)友
復(fù)制代碼 代碼如下:

<!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>無標(biāo)題文檔 </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ù)學(xué) </td>
<td>90 </td>
</tr>
<tr>
<td rowspan="0">張三 </td>
<td>男 </td>
<td>22 </td>
<td>數(shù)學(xué) </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ù)學(xué) </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>
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 国产视频在线观看一区二区三区 | 香蕉久草在线 | 成人永久免费视频 | av免费在线网 | 国产乱xxxx | 99视频在线观看视频 | 欧美视频在线观看一区 | 亚洲成人涩涩 | 亚洲一区二区三区视频免费 | 国产精品刺激对白麻豆99 | 中文字幕精品在线播放 | 91综合影院 | 黄色毛片一级 | 9999在线视频 | 欧美日韩亚洲在线观看 | 欧美久久久一区二区三区 | 国产亚洲精品久久久久久久久 | 国产精品久久久久久久久久三级 | 欧美在线 | 亚洲 | 日本免费一区二区三区四区 | 国产成人自拍小视频 | 狠狠干网站 | 国产高潮失禁喷水爽到抽搐视频 | 精品一区二区三区不卡 | 麻豆视频观看 | 国产寡妇xxxxxxxx性开放 | 国产一级一区二区 | wwwav国产 | 一级毛片真人免费播放视频 | 成年免费视频黄网站在线观看 | 久久久久久久高清 | 久久久久久亚洲综合影院红桃 | 亚洲国产高清视频 | 日本一区二区在线 | 黄在线看| 羞羞视频一区 | 永久免费av在线 | 蝌蚪久久窝 | 99欧美视频 | 中国hdxxxx护士爽在线观看 | 国产精品视频免费在线观看 |