코드 사본은 다음과 같습니다.
<! 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">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = gbk" />
<title> 제목의 문서 </title>
</head>
<body>
<table cellPacing = "0"CellPadding = "0"id = "탭">
<tr>
<td rowspan = "0"> Zhang San </td>
<td> 남성 </td>
<td> 22 </td>
<td> 수학 </td>
<td> 90 </td>
</tr>
<tr>
<td rowspan = "0"> Zhang San </td>
<td> 남성 </td>
<td> 22 </td>
<td> 수학 </td>
<td> 90 </td>
</tr>
<tr>
<td rowspan = "0"> Zhang San </td>
<td> 여성 </td>
<td> 22 </td>
<td> 중국어 </td>
<td> 70 </td>
</tr>
<tr>
<td rowspan = "0"> Zhang San </td>
<td> 여성 </td>
<td> 22 </td>
<td> 영어 </td>
<td> 60 </td>
</tr>
<tr>
<td rowspan = "0"> li si </td>
<td> 여성 </td>
<td> 22 </td>
<td> 수학 </td>
<td> 60 </td>
</tr>
<tr>
<td rowspan = "0"> li si </td>
<td> 여성 </td>
<td> 19 </td>
<td> 중국어 </td>
<td> 60 </td>
</tr>
<tr>
<td rowspan = "0"> wang wu </td>
<td> 남성 </td>
<td> 19 </td>
<td> 영어 </td>
<td> 60 </td>
</tr>
</테이블>
<script type = "text/javaScript">
Window.onload = function () {
var tab = document.getElementById ( "탭");
var col = 0;
Megercell (탭, col);
Megercell1 (탭, col+1);
for (var i = 0; i <tab.rows.length; i ++) {
// alert (tab.rows [i] .Cells [0] .getAttribute ( "rowspan"));
}
};
함수 Megercell (탭, col) {
count = 1;
val = "";
for (var i = 0; i <tab.rows.length; i ++) {
if (val == tab.rows [i] .cells [col] .innerhtml) {
카운트 ++;
}또 다른{
if (count> 1) {
From = I- 카운트;
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;
}
}
}
함수 Megercell1 (탭, 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) {
카운트 ++;
}또 다른{
if (count> 1) {
From = I- 카운트;
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- 카운트;
경고 ( + "" " + 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 = "";
}
또 다른
{
i ++;
}
}
}
</스크립트>
</body>
</html>