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>以上內(nèi)容是否對您有幫助：
更多建議：