如何透過點擊按鈕顯示和隱藏 DIV 元素？

如何使用按鈕切換 DIV 的可見性？

許多 Web 應用程式需要能夠顯示或隱藏頁面上的元素，例如 div。這可以使用 JavaScript 輕鬆實現。 以下是如何使用按鈕切換 div 的可見性：

純 JavaScript：

此方法使用 div 元素的 style.display 屬性。單擊按鈕時，會觸發單擊事件偵聽器，該偵聽器檢查 div 目前是否可見（即 style.display 不是“none”）。如果是，則透過將 style.display 設為「none」來隱藏該 div。否則，透過將 style.display 設為 'block' 來顯示它。

var button = document.getElementById('button'); // Assumes element with>

jQuery:

jQuery 提供了一種更簡單的方法來切換元素的可見性。 toggle() 方法切換所選元素的可見性。按一下時，按一下事件偵聽器會觸發 ID 為「newpost」的 div 上的toggle() 方法。

$("#button").click(function() { 
    // assumes element with>

以上是如何透過點擊按鈕顯示和隱藏 DIV 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！