使用按钮切换元素可见性
在 HTML 中,有时需要根据用户操作动态隐藏或显示元素。一种常见的情况是使用按钮切换 div 的可见性。以下是如何使用纯 JavaScript 和 jQuery 来实现此目的。
纯 JavaScript:
此方法涉及操作元素的显示属性:
var button = document.getElementById('button'); button.onclick = function() { var div = document.getElementById('newpost'); if (div.style.display !== 'none') { div.style.display = 'none'; } else { div.style.display = 'block'; } };
jQuery:
jQuery 简化了使用toggle()方法处理:
$("#button").click(function() { // assumes element with>
以上是如何使用 JavaScript 和 jQuery 切换元素可见性?的详细内容。更多信息请关注PHP中文网其他相关文章!