javascript - 为什么我的函数给出错误消息

Question

这个问题已经有答案了:

What do querySelectorAll and getElementsBy* methods return? (12 个回答)

已关闭 3 年前。

希望各位好心人能帮助我解决这个问题。我试图使用导航链接在单击时显示隐藏的 div，但我不断收到错误消息“未捕获类型错误:无法读取未定义的属性“显示” 在 HTMLAnchorElement 处。”

这出现在代码行 = if (contentOneClick.style.display == "none") 但如果我从这段代码中取出单词“style”或单词“display”，那么我就不会得到错误消息让我感到困惑，因为我已经看到此内容正在被使用并且对其他人来说运行良好。下面是整个功能代码。显示在样式代码中设置为“无”。我是网络开发新手，所以如果这是一个愚蠢的问题，我深表歉意。

`document.getElementById('content-one').addEventListener("click", function() {

  var contentOneClick = document.getElementsByClassName(".content-one-container");

    if (contentOneClick.style.display == "none") 
    {
     console.log ("content is hidden");
    }
    else 
    {
      console.log("content is visible");
    }

});         `

Answer 1

问题是 getElementsByClassName 返回一个 nodeList，因此，您应该指定您想要使用 content-one-container 类的元素使用:

var contentOneClick = document.getElementsByClassName("content-one-container")[0];

                                                       ^ remove the .