HTML hidden属性,隐藏元素
hidden属性
HTML元素的hidden属性,可以用于设置该元素隐藏与否,如果设置为隐藏,则浏览器将不会显示该元素。通过JavaScript将hidden属性删除之后,元素将显示。
语法
<element hidden>
hidden属性实例代码,及在线编辑器
点击实例中的按钮,将通过JavaScript代码来删除段落二中的hidden属性:
<p>段落一</p>
<p hidden id='p2'>段落二</p>
<p>段落三</p>
<button onclick='removeAttr()'>点击显示段落</button>
<script>
function removeAttr(){
var h = document.getElementById('p2')
h.removeAttribute('hidden')
}
</script>