如何使用 JavaScript 有效隱藏和取消隱藏 DIV 元素？

使用JavaScript 隱藏和取消隱藏「div」元素

讓我們考慮一個場景，您想要切換兩個「div」元素的可見性在網頁上。您有觸發元素顯示和隱藏的按鈕。但是，您遇到的問題是，只有第一個函數隱藏其目標“div”，而第二個函數則不然。

JavaScript 中的元素可見性控制

隱藏或在 JavaScript 中顯示元素，您可以操作它們的樣式屬性。對於顯示控制，有兩個選項：

• 顯示：設定元素的可見性。

  • 'none'：隱藏元素。
  • 'block'：將元素顯示為獨立的block。
  • 'inline'：顯示與周圍文字對齊的元素。
  • 'inline-block'：與 'inline' 類似，但允許元素具有寬度和高度。

• 可見性： 控制元素的可見性同時保持其空間。

  • 'hidden'：隱藏元素但保留其空間。
  • 'visible'：顯示元素。

隱藏一系列元素

如果要一次隱藏多個元素，可以使用函數迭代它們並將其顯示屬性設定為「none」：

用法範例：

透過利用這些技術，您可以有效地顯示或隱藏「div」元素以及網頁上的任何其他 HTML 元素。

以上是如何使用 JavaScript 有效隱藏和取消隱藏 DIV 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！