資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 JavaScript 中隱藏/展示 HTML 元素？
使用Css 樣式，我們可以用 javascript 隱藏 或 顯示 HTML 元素。Css 提供了塊 和無 等屬性來隱藏/顯示 HTML 元素。
隱藏一個元素
示例
在下面的示例中，當點選“Hideme”按鈕時，段落標籤中的文字會消失，如輸出中所示。
<html>
<body>
<p id="hide">Using JavaScript to hide HTML elements.</p>
<input type="button" onclick="document.getElementById('hide').style.display='none' value="Hideme">
</body>
</html>執行以上程式碼後，將顯示以下內容
從上面的程式碼塊中，如果我們點選“Hideme”按鈕，那麼當前顯示在塊中的文字就會消失，如輸出中所示，只剩下按鈕。
輸出
顯示一個元素
示例
在下面的示例中，段落標籤中的文字最初是隱藏的，但是當點選“Showme”時，文字會顯示，如輸出中所示。
<html>
<body>
<p id="show" style="display:none">JavaScript can show hidden HTML elements</p>
<input type="button"onclick="document.getElementById('show').style.display='block'"value="ShowMe">
</body>
</html>執行以上程式碼後，螢幕上將顯示以下內容
如果我們單擊上面的按鈕，將執行以下輸出
輸出
更新於： 30-Jul-2019
1K+ 瀏覽次數
廣告