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>

全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.