JS合并相临相同的单元格

最新推荐文章于 2021-04-05 12:32:40 发布

ueaner

最新推荐文章于 2021-04-05 12:32:40 发布

阅读量108

点赞数

分类专栏： html 文章标签： J# HTML

本文链接：https://blog.csdn.net/Ueaner/article/details/83634303

版权

html 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS合并相临相同的单元格</title>
</head>

<body>

<table border='1' width='25%' align='center' id="tab">
	<tr> <td>张三</td> <td>数学</td> <td>90</td> </tr>
	<tr> <td>张三</td> <td>语文</td> <td>70</td> </tr>
	<tr> <td>张三</td> <td>英语</td> <td>60</td> </tr>
	<tr> <td>李四</td> <td>数学</td> <td>60</td> </tr>
	<tr> <td>李四</td> <td>语文</td> <td>60</td> </tr>
	<tr> <td>王五</td> <td>英语</td> <td>60</td> </tr>
</table>

<script language = 'javascript'>
/*
	var tab=document.getElementById("tab");
	var name="";
	for(var i=0,j=0;i <tab.rows.length;i++,j++) {
		if(name==tab.rows[i].cells[0].innerHTML) {
			tab.rows[i].deleteCell(0);
		} else {
			name=tab.rows[i].cells[0].innerHTML;
			if(i>0)tab.rows[i-j].cells[0].rowSpan=j;
			j=0;
		}
	}


	window.onload=function(){
		var tab=document.getElementById("tab");
		for(i=tab.rows.length-1;i>0;i--){
			for(j=tab.rows[i].cells.length-1;j>=0;j--){
				if(tab.rows[i].cells[j].innerText==tab.rows[i-1].cells[j].innerText){
					tab.rows[i-1].cells[j].rowSpan=tab.rows[i].cells[j].rowSpan+1;
					tab.rows[i].deleteCell(j);
				}
			}
		}
		alert(tab.cols.length);
	}
*/
</script>

<script>
	var tab=document.getElementById("tab");
	var name="";
	for(var i=0,j=0;i<tab.rows.length;i++,j++){
		if(name==tab.rows[i].cells[0].innerHTML) {
			tab.rows[i].deleteCell(0);
		}else{
			name=tab.rows[i].cells[0].innerHTML;if(i>0)tab.rows[i-j].cells[0].rowSpan=j;
			j=0;
		}
		if(i == tab.rows.length-1){
			tab.rows[i-j].cells[0].rowSpan=j+1;
		}
	}
</script>

</body>

</html>