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

好的，您需要利用鼠标单击实现 DIV 的选取。我可以给您提供一个简单的示例代码，您可以根据自己的需要进行修改和优化。

HTML 代码：

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

CSS 代码：

.container {
  display: flex;
  justify-content: space-between;
  width: 500px;
  margin: 0 auto;
}

.box {
  width: 100px;
  height: 100px;
  background-color: #f2f2f2;
  cursor: pointer;
}

.selected {
  background-color: #ccc;
}

JavaScript 代码：

const boxes = document.querySelectorAll('.box');

boxes.forEach(box => {
  box.addEventListener('click', () => {
    boxes.forEach(box => box.classList.remove('selected'));
    box.classList.add('selected');
  });
});

以上代码实现了利用鼠标单击实现 DIV 的选取。其中，通过 CSS 设置了容器和盒子的样式，通过 JavaScript 实现了盒子的选取功能。当盒子被选中时，通过添加 `selected` 类来改变盒子的背景色。