js点击这个div元素设置第二个div为显示

可以使用 JavaScript 来监听 div 元素的点击事件，并在点击时设置第二个 div 元素为显示状态。可以使用以下代码来实现：

<div id="myDiv">
  <div>第一个 div 元素</div>
  <div>第二个 div 元素</div>
  <div>第三个 div 元素</div>
</div>

const myDiv = document.querySelector('#myDiv');

myDiv.addEventListener('click', function() {
  const secondDiv = this.children[1];
  secondDiv.style.display = 'block';
});

在上面的代码中，首先获取了一个 ID 为 `myDiv` 的 div 元素，并添加了一个 `click` 事件监听器。当用户点击该 div 元素时，就会触发该事件监听器中的回调函数，你可以在该回调函数中编写处理点击事件的逻辑。在这个例子中，我们使用 `this` 关键字引用当前被点击的 div 元素，并使用 `children` 属性获取它的所有子元素。由于 `children` 属性返回的是一个类数组对象，因此可以使用索引 `[1]` 来获取第二个子元素，即第二个 div 元素。然后，使用 `style` 属性将其 `display` 属性设置为 `'block'`，从而将其显示出来。

需要注意的是，如果第二个 div 元素在初始状态下是隐藏的，那么在设置其为显示状态之前，需要先将其 `display` 属性设置为 `'none'`。如果需要在之后再将其隐藏，可以将其 `display` 属性设置为 `'none'`。