javascript - CSS 和 JavaScript 弹出窗口不起作用

Question

为什么这个 JavaScript 函数没有触发弹出窗口？我尝试过 .classlist 以及 style.visibility，但都没有触发 #filter div 显示。

<div class='lpicon' onclick="designFunction">
    <img class='lpactionicon'  src='file:///Users/homefolder/Desktop/Hyperspace%20Website/Images/Launchpad/LP%20Action%20Icon-%20Design.png'/>
</div>

<div id='filter'>
</div>

CSS:

.lpicon {
   height: 100px;
   width: 50px;
   margin-left: 14%;
   margin-top: 8%;
   float: left;   }

#filter {
  visibility: hidden;
  height: 100%;
  width: 100%;
  background-color: grey;
  position: absolute;
  opacity: .7;
  top: 0px; }

JavaScript:

function designFunction() {
     document.getElementById("filter").classList.remove("block");
 }

Answer 1

我认为您需要使用 designFunction() 并且您需要更改过滤器 div 的 CSS，以便您使用 block ，如果没有，那么您必须提供更多代码，因为 block 不存在于任何地方。您可以通过选择它并使用 .CSS() 使其可见来设置它。请参阅其文档以获取更多信息。