可以使用JavaScript来实现这个功能。具体的步骤如下:

  1. 在HTML中添加一个div块,并设置一个id用于标识该div块。例如:
<div id="myDiv">这是一个div块</div>
  1. 在HTML中添加一个按钮,并设置一个id用于标识该按钮。例如:
<button id="myButton">点击按钮</button>
  1. 在JavaScript中获取div块和按钮的引用,并添加点击事件的监听器。当按钮被点击时,改变div块的样式来隐藏或显示。例如:
// 获取div块和按钮的引用
var div = document.getElementById("myDiv");
var button = document.getElementById("myButton");

// 添加点击事件的监听器
button.addEventListener("click", function() {
  // 判断div块的显示状态
  if (div.style.display === "none") {
    // 如果div块隐藏,则显示
    div.style.display = "block";
  } else {
    // 如果div块显示,则隐藏
    div.style.display = "none";
  }
});

通过以上步骤,当按钮被点击时,div块的显示状态会发生改变,从而实现div块的隐藏和显示

div块隐藏点击按钮后显示

原文地址: https://www.cveoy.top/t/topic/hWWI 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录