如何通过单击按钮显示和隐藏 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中文网其他相关文章！