首页 > 解决方案 > 试图在 JS 中按类隐藏元素,但收到“无法设置未定义的属性‘类’”错误

问题描述

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

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

这是我放在 wordpress 的 script.js 中的代码,通过 functions.php 排队:

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

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

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

标签: javascriptwordpressundefinedvisibility

解决方案


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

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

对于第二个元素隐藏使用

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

推荐阅读