CSS中display各屬性語法參數詳解 附實例

來源:互聯網
上載者:User
關鍵字 網頁製作 CSS教程

這裡向大家描述一下HTML DOM display屬性的定義和用法,HTML DOM display屬性主要用來設置元素如何顯示,比如當此屬性值為none時,表示此元素不會被顯示,而block則表示此元素將顯示為塊級元素, 此元素前後會帶有分行符號。

HTML DOM display屬性定義和用法

此屬性主要用來設置元素如何顯示。

語法:

Object.style.display=value

可能的值

HTML DOM display屬性實例

本例設置不顯示元素:

<html> <head> <script type="text/javascript">  function  removeElement()   {   document.getElementById("p1").style.display="none";    }   </script>  </head>  <body>    <h1>Hello</h1>  <p id="p1">This is some text. This  is some text. This is some text.  This is some  text. This is some text. This is some text.  This is  some text. This is some text. This is some text.</p>    <input type="button" onclick="removeElement()" value="Do not  display paragraph" />   </body>  </html>
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.