HTML全局属性隐藏

2018-01-05 13:58 更新

HTML全局属性隐藏

hidden 属性是一个布尔属性，指示是否显示元素。

HTML5中的新功能

hidden 属性是一个布尔属性，指示是否显示元素。...

句法

<element hidden>

浏览器兼容性


`hidden`	Yes	11.0	Yes	Yes	Yes

例子

以下代码显示如何使用 hidden 属性。

<!DOCTYPE HTML>
<html>
<head>
<script>
var  toggleHidden = function()  {
    var  elem  = document.getElementById("toggle");
    if (elem.hasAttribute("hidden"))  {
       elem.removeAttribute("hidden");
    }  else  {
       elem.setAttribute("hidden",  "hidden");
    }
}
</script>
</head>
<body>
    <button onclick="toggleHidden()">Toggle</button>
    <table>
        <tr><th>Name</th><th>Value</th></tr>
        <tr><td>HTML</td><td>mark up</td></tr>
        <tr  id="toggle"  hidden><td>CSS</td><td>Style</td></tr>
        <tr><td>Javascript</td><td>Logic</td></tr>
    </table>
</body>
</html>

Click to view the demo

以上内容是否对您有帮助：