首頁  >  文章  >  web前端  >  html怎麼隱藏控件

html怎麼隱藏控件

藏色散人
藏色散人原創
2021-05-12 11:27:224601瀏覽

html控制項隱藏的方法:1、透過「getElementById("typediv1").style.visibility="hidden";」方式隱藏;2、透過「style.display="none";」方式隱藏。

html怎麼隱藏控件

本文操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。

HTML控制項隱藏

div的visibility可以控制div的顯示和隱藏,但是隱藏後頁面顯示空白:

  style="visibility: none;"
  document.getElementById("typediv1").style.visibility="hidden";//隐藏
  document.getElementById("typediv1").style.visibility="visible";//显示

透過設定display屬性可以使div隱藏後釋放佔用的頁面空間,如下

  style="display: none;"
  document.getElementById("typediv1").style.display="none";//隐藏
  document.getElementById("typediv1").style.display="";//显示

推薦學習:《html影片教學

以上是html怎麼隱藏控件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn