Question

我刚刚开始学习javascript，所以我可能缺少了一些超级简单的方法...但是我的函数（displayGallery）无法与“ click”事件监听器一起使用。

当用户单击此图像（id = designDot）时，我正在尝试将本节（类=画廊）的显示从无显示更改为网格。

我是否缺少某些东西，或者这甚至是进行此更改的正确方法？

在CSS中将图库设置为“网格”时，一切看起来都很不错。 javascript不能满足我的要求。

<section class="galleries">...</section>

<img src="Images/DesignObjects/BlackDot.svg" alt="" class="blackDot" id="designDot">

section.galleries{
  position: absolute;
  z-index: 5;
  display: none;
  background: rgba(255, 255, 255, 0.85);
  grid-template-columns: auto 70vw 15vw;
  grid-template-rows: 20vh 60vh auto;
}

function displayGallery() {
    document.getElementsByClassName("galleries").style.display = "grid";
  }

  document.getElementById("designDot").addEventListener("click", displayGallery);

单击图像应显示.galleries。当前，当用户单击图像时没有任何反应。 /：

事件监听器“点击”不会触发更改CSS显示？

0 个答案: