js 鼠标点击打开div 再次点击此div 关闭本身

好的，这是一个很常见的需求。你可以通过添加点击事件来实现。

首先，在 HTML 中定义一个需要点击打开/关闭的 div，例如：

<div id="myDiv">
  这是需要打开/关闭的 div。
</div>

然后，在 JavaScript 中，你可以使用以下代码来实现打开/关闭的功能：

var myDiv = document.getElementById("myDiv");

myDiv.addEventListener("click", function() {
  if (myDiv.classList.contains("open")) {
    myDiv.classList.remove("open");
  } else {
    myDiv.classList.add("open");
  }
});

这个代码会给 div 添加一个点击事件，当点击 div 时，它会检查 div 是否有 `open` 这个 class。如果有，就将其移除；如果没有，就添加这个 class。通过 CSS，你可以设置 `open` class 来改变 div 的样式，使其显示或隐藏。

这样，每次点击 div，它就会切换打开/关闭状态。

相关问题

html 鼠标单击显示div,3.1.2 利用鼠标单击实现DIV的选取

可以使用JavaScript来实现鼠标单击显示div的效果，具体步骤如下：

1. 在HTML中定义一个div元素，并设置其样式为不可见。

<div id="myDiv" style="display:none;">这是一个DIV元素</div>

2. 在JavaScript中获取该div元素，并为其添加一个鼠标单击事件。

var myDiv = document.getElementById("myDiv");
myDiv.onclick = function() {
  // 显示div元素
  myDiv.style.display = "block";
};

3. 在HTML中定义一个触发事件的元素，比如一个按钮或者一个链接。

<a href="#" onclick="myDiv.onclick()">点击这里显示DIV</a>

当用户单击这个链接时，会触发myDiv的onclick事件，从而显示该div元素。

html div标签保持鼠标点击时的颜色

可以使用CSS的`:active`伪类来实现鼠标点击时保持颜色不变。例如，下面的代码可以使鼠标点击时`<div>`标签的背景颜色变为红色，松开鼠标后恢复原来颜色：

<style>
  div:active {
    background-color: red;
  }
</style>

<div>点击我试试</div>

注意，`:active`伪类只在鼠标点击时生效，当鼠标松开时就不再生效，如果需要保持样式不变，可以考虑使用JavaScript来实现。