名字相同的合并单元格

最新推荐文章于 2023-02-15 16:12:32 发布

iteye_9926

最新推荐文章于 2023-02-15 16:12:32 发布

阅读量233

点赞数

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

本文链接：https://blog.csdn.net/iteye_9926/article/details/81718220

版权

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<script>
	function reload(){   
        var table = document.getElementById("filmTable");   
        for(i=0;i<table.rows.length-1;i++){   
            for(j=i+1;j<table.rows.length;j++){   
                if(table.rows[i].cells[0].innerHTML==table.rows[j].cells[0].innerHTML){   
                    table.rows[j].deleteCell(0);   
                    table.rows[i].cells[0].rowSpan++;   
                    if(table.rows[i].cells[1].innerHTML==table.rows[j].cells[0].innerHTML){   
                        table.rows[j].deleteCell(0);   
                        table.rows[i].cells[1].rowSpan++;   
                    }   
                }   
            }   
        }   
    }  

	</script>
	</head>
	<body>
		<table border="1" id="filmTable">
			<tr>
				<td>
					1
				</td>
				<td>
					1
				</td>
				<td>
					3
				</td>
				<td>
					4
				</td>
				<td>
					5
				</td>
			</tr>

			<tr>
				<td>
					1
				</td>
				<td>
					1
				</td>
				<td>
					3 1212
				</td>
				<td>
					4
				</td>
				<td>
					512121
				</td>
			</tr>

			<tr>
				<td>
					1 2
				</td>
				<td>
					1
				</td>
				<td>
					3 3
				</td>
				<td>
					4 2
				</td>
				<td>
					5 1
				</td>
			</tr>
		</table>
		<input type="button" value="button" οnclick="reload()"></input>
	</body>
</html>

iteye_9926

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
名字相同的合并单元格

&lt;html&gt; &lt;head&gt; &lt;script&gt; function reload(){ var table = document.getElementById("filmTable"); for(i=0;i&lt;table.rows.length-1;i++){ for(...
复制链接

扫一扫