javascript - 尝试在 JS 中按类隐藏元素，但收到 "cannot set property ' class' of undefined”错误

Question

这个问题已经有答案了:

document.getElementsByClassName().innerHTML always returns "undefined" (1 个回答)

已关闭 4 年前。

我有一个名为“hideConstruction()”的函数，通过单击我的 WordPress 页面上的按钮来切换。它应该隐藏类“.construction”的所有元素，但我收到以下错误:

“无法将属性‘可见性’设置为未定义”

这是我放入 WordPress 的 script.js 中的代码，通过functions.php 排队:

function hideConstruction() {
    var element = document.getElementsByClassName("construction").style.visibility = "hidden";
}

这是发生这种情况的页面:https://satya-ame-art.com

谁能告诉我我做错了什么？非常感谢!

Answer 1

当您在控制台 document.getElementsByClassName("construction") 中运行它时，它会给出两个元素，因此如果您想隐藏第一个元素，请使用

document.getElementsByClassName("construction")[0].style.visibility = "hidden";

对于第二个元素隐藏使用

document.getElementsByClassName("construction")[1].style.visibility = "hidden";