HTML DOM教程

HTML DOM 简介 HTML DOM 节点 HTML DOM 方法 HTML DOM 属性 HTML DOM 访问 HTML DOM 修改 HTML DOM 修改 HTML 内容 HTML DOM 元素 HTML DOM 事件 HTML DOM 导航 HTML DOM 总结 HTML DOM 对象

rules

Table rules 属性

定义和用法

rules 属性可设置或返回表格的内部边线。

语法

设置 rules 属性：

tableObject.rules="none|groups|rows|cols|all"

返回 rules 属性：

tableObject.rules

值	描述
none	没有内部边界
groups	显示行组和列组之间的内部边界
rows	显示内部行之间的边界
cols	显示的列之间内部边界
all	显示行和列之间的内边界

浏览器支持

所有主要浏览器都支持 rules 属性

注意： IE9可以正确显示此属性。早期版本的IE 除了内部四个边界外，还会添加四个外边界。

注意： Chrome 和 Safari 可以正确显示此属性: 除了内边框外还会影响外边框。

实例

下面的例子设置了表格的两种不同的内部边线：

<html>
<head>
<script>
function rows()
{
document.getElementById(‘myTable‘).rules="rows";
}
function cols()
{
document.getElementById(‘myTable‘).rules="cols";
}
</script>
</head>
<body>

<table id="myTable">
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 3</td>
<td>cell 4</td>
</tr>
</table>
<br>
<button type="button" onclick="rows()">Show only row borders</button>
<button type="button" onclick="cols()">Show only col borders</button>

</body>
</html>