x
1
2
<html>
3
<head>
4
<meta charset="utf-8">
5
<title>蜜蜂教程(mifengjc.com)</title>
6
<script>
7
function setColSpan() {
8
var x = document.getElementById('myTable').rows[0].cells;
9
x[0].colSpan = "2";
10
x[1].colSpan = "6";
11
}
12
</script>
13
</head>
14
<body>
15
16
<table id="myTable" border="1">
17
<tr>
18
<td colspan="4">单元格 1</td>
19
<td colspan="4">单元格 2</td>
20
</tr>
21
<tr>
22
<td>单元格 3</td>
23
<td>单元格 4</td>
24
<td>单元格 5</td>
25
<td>单元格 6</td>
26
<td>单元格 7</td>
27
<td>单元格 8</td>
28
<td>单元格 9</td>
29
<td>单元格 10</td>
30
</tr>
31
</table>
32
<form>
33
<input type="button" onclick="setColSpan()" value="修改合并列">
34
</form>
35
36
</body>
37
</html>