案例:javascript案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<script type="text/javascript">
4
function rowRules()
5
  {
6
  document.getElementById('myTable').rules="rows"
7
  }
8
function colRules()
9
  {
10
document.getElementById('myTable').rules="cols"
11
  }
12
</script>
13
</head>
14
15
<body>
16
<table id="myTable" border="1">
17
<tr>
18
<td>Row1 cell1</td>
19
<td>Row1 cell2</td>
20
</tr>
21
<tr>
22
<td>Row2 cell1</td>
23
<td>Row2 cell2</td>
24
</tr>
25
<tr>
26
<td>Row3 cell1</td>
27
<td>Row3 cell2</td>
28
</tr>
29
</table>
30
<br />
31
<input type="button" onclick="rowRules()" value="仅显示行边框">
32
<input type="button" onclick="colRules()" value="仅显示列边框">
33
34
</body>
35
</html>
36