HTML DOM rules 属性
定义和用法
rules 属性可设置或返回表格的内部边线。
语法
- tableObject.rules=none|groups|rows|cols|all
实例
下面的例子设置了表格的两种不同的内部边线:
- <html>
- <head>
- <script type="text/javascript">
- function rowRules()
- {
document.getElementById('myTable').rules="rows"
- }
- function colRules()
- {
document.getElementById('myTable').rules="cols"
- }
- </script>
- </head>
- <body>
- <table id="myTable" border="1">
- <tr>
- <td>Row1 cell1</td>
- <td>Row1 cell2</td>
- </tr>
- <tr>
- <td>Row2 cell1</td>
- <td>Row2 cell2</td>
- </tr>
- <tr>
- <td>Row3 cell1</td>
- <td>Row3 cell2</td>
- </tr>
- </table>
- <br />
- <input type="button" onclick="rowRules()"
- value="Show only row borders">
- <input type="button" onclick="colRules()"
- value="Show only col borders">
- </body>
- </html>