javascript - 如何更改带有切换类的 的属性？

Question

我有一个 <div class="content toggle">在调用某个事件之前我一直隐藏它，然后我向它添加一个类以表明它需要可见。

我当前的 CSS 如下所示:

.content {
  display: none;
}

.content.visible {
  display: block;
}

我添加的代码.visible看起来像这样:

[].forEach.call(document.getElementsByClassName('toggle'), function(x) {
  x.classList.toggle('visible');
});

但是，当类.visible添加后，<div>还是display: none; .这里发生了什么事？我该如何解决？

Answer 1

似乎您的 JS 选择了一个名为“toggle”而不是“content”的类:

getElementsByClassName('toggle')