隐藏帧：类型错误：无法读取未定义的属性(读取"添加")

Question

我试图设置我在使用next .js编写的网站上使用的聊天机器人出现在某些页面上，而不是在其他页面上。然而，我得到一个错误的页面，我想隐藏。

我在app.html中实现了聊天机器人作为脚本标签。在我不希望出现的页面上，我在mounted中这样写:

var element = document.getElementsByClassName("fc_frame")
element.classList.add("d-none");

然而，页面下降到500错误，我得到

TypeError: Cannot read properties of undefined (reading 'add')

控制台出现错误。你有什么建议的解决办法吗?

Answer 1

一个解决方案是当只有一个元素与fc_frame类，你可以使用querySelector而不是getElementsByClassName。像这样:var element = document.querySelector(".fc_frame");

IquerySelector返回第一个具有fc_frame类的元素(如果没有匹配的元素，则返回null)。然后，如果元素存在，则将d-none类添加到元素的classList中。