HTML - DOM Style 对象 emptyCells 属性

HTML DOM Style 对象的**emptyCells**属性用于设置或获取是否显示空单元格的边框和背景属性。

语法

设置 emptyCells 属性

object.style.emptyCells= "show | hide | initial | inherit";

获取 emptyCells 属性

object.style.emptyCells;

属性值

值	描述
show	这是默认值，它显示空单元格的边框和背景。
hide	它不显示空单元格的边框和背景。
initial	它用于将此属性设置为其默认值。
inherit	它用于继承其父元素的属性。

返回值

它返回一个字符串值，表示空单元格的边框和背景。

HTML DOM Style 对象 'emptyCells' 属性示例

以下示例隐藏空单元格。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM Style Object emptyCells Property
    </title>
    <style>
        table {
            border: aqua 2px solid;
        }
    </style>
</head>
<body>
    <p>Click to show or hide empty cells.</p>
    <button onclick="hide()">Hide</button>
    <button onclick="show()">Show</button>
    <br><br><br><br>
    <table id="border" border="1">
        <caption>Table No. 21</caption>
        <tr>
            <td>This is</td>
            <td>is</td>
        </tr>
        <tr>
            <td>an example</td>
            <td>table</td>
        </tr>
        <tr>
            <td>for</td>
            <td>caption side</td>
        </tr>
        <tr>
            <td></td>
            <td>Hiiiiii</td>
        </tr>
    </table>
    <script>
        function hide() {
            document.getElementById("border")
                .style.emptyCells = "hide";
        }
        function show() {
            document.getElementById("border")
                .style.emptyCells = "show";
        }        
    </script>
</body>
</html>

支持的浏览器

属性
emptyCells	是 1	是 12	是 1	是 1.2	是 4

html_dom_style_object_reference.htm

打印页面