如果存在类名，则if / Else语句显示/隐藏元素

Question

我只能在此特定CMS上使用JavaScript。 我需要获得脚本的帮助，该脚本仅在存在类名的情况下才会显示图像。 我将同时加载3张图片。 但是，只有在存在类名的情况下，我才能显示特定的图像，如果不存在其他类名，则应该隐藏其他图像。

我还没有尝试过任何其他代码，因为我是JavaScript的新手，也没有找到任何符合这种情况的在线帮助我。

Answer 1

您可能应该使用CSS来做到这一点：

#container img {
     display: none;
}
#container img.className {
     display: block;
}

这在javascript中是可行的，但是对于简单的事情来说，它并不是一般的首选方式

Answer 2

如果您真的需要使用Javascript来做到这一点：

images = document.querySelectorAll("images");

images.forEach((image) => {
    if(image.className === "yourClassName") {
        image.style.display = "block";
    } else {
        image.style.display = "none";
    }
});

如果存在“ yourClassName”，则此代码检查所有图像，如果不存在，则将其隐藏。