Question

祝您好人能帮助我完成这一任务。我试图使用导航链接在单击时显示隐藏的div，但我一直收到错误消息 “未捕获的TypeError：无法读取未定义的属性'display' 在HTMLAnchorElement。”

这将出现在代码行= if（contentOneClick.style.display ==“ none”）的情况下，但是如果我从此代码中选择单词“ style”或单词“ display”，则我不会错误消息使我感到困惑，因为我已经看到了正在使用的内容并为其他人正常工作。下面是整个功能代码。在样式代码中，显示设置为“无”。我是Web开发的新手，所以很抱歉这是一个愚蠢的问题。

`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 .

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

1 个答案: