当前位置: 首页 > 网络学院 > 客户端脚本教程 > HTML DOM > HTML DOM rules 属性
The rules property sets or returns which which inner-borders to display in a table.
rules属性可设置或返回表格内框的显示
tableObject.frame=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> <tr> <td>Row4 cell1</td> <td>Row4 cell2</td> </tr> <tr> <td>Row5 cell1</td> <td>Row5 cell2</td> </tr> </table> <form> <input type="button" onclick="rowRules()" value="Show only row borders"> <input type="button" onclick="colRules()" value="Show only col borders"> </form> </body> </html> |
Specify rules for a table
指定表格的内部边框