如何在JavaScript中隐藏某个类

Question

我不知道为什么这不起作用。我试图隐藏某个类，这是我在Javascript上唯一的代码行：

document.getElementsByClassName("popular").style.display = "none";

出于某种原因，我收到错误：

  

“文件”未定义。

这是什么意思，它不是变量。

请帮助，谢谢。

Answer 1

getElementsByClassName方法返回具有相同类的所有元素，将其视为具有相同类的元素数组。因此，您需要指定要隐藏的元素。在我的示例中，我只有一个具有此类的元素，因此我选择它就像数组的第一个元素（[0]）。您的代码应如下所示：

＆＃13;

＆＃13;

document.getElementsByClassName("popular")[0].style.display = "none";

console.log('Current "display" property value is: ' + document.getElementsByClassName("popular")[0].style.display)

＆＃13;

<div class="popular">TARGET</div>

＆＃13;

＆＃13;

＆＃13;