Table frame 属性

返回上一级

Table 对象的 frame 属性用于设置或返回表格的外部边框

语法

设置 frame 属性

tableObject.frame="void|above|below|hsides|vsides|lhs|rhs|box|border"

返回 frame 属性

tableObject.frame

值说明

描述
void 不显示外边界。默认
above 显示顶部外边框
below 显示底部外边框
hsides 显示顶部与底部外边框
vsides 显示左侧与右侧的外边框
lhs 显示左侧外边框
rhs 显示右侧的外边框
box 显示四个方向的外边框
border 显示四边的外边框

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

范例

下面的范例设置了表格的两种不同的边框

<script>
function above(){
    document.getElementById('myTable').frame="above";
}
function below(){
    document.getElementById('myTable').frame="below";
}
</script>
<table id="myTable" border="1">
    <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="above()">显示上面的边框</button>
<button type="button" onclick="below()">显示底部边框</button>
<p><b>Note:</b>frame属性在Internet Explorer 9之前版本不能正常显示。</p>

运行范例 »

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.