javascript - 使用 document.getElementsByClassName 更改 css 样式

Question

在 CSS 中，我试图将多个元素 id 分配给一个类，并使用带有 document.getElementsByClassName 和 style.display 的 javascript 将它们的显示属性更改为“none”。在 css 中，我使用了在本文中找到的 #content.myClass 。

我这样做是为了减少唯一选择器并保持我的代码高效。

html:

  <p id="toy-pictures-latest" class="panel">Latest Toy Pictures</p><br>
         <p id="toy-pictures-greatest" class="panel">Greatest Toy Pictures</p>

CSS：

#toy-pictures-latest.panel{
    display: inline;
}

#toy-pictures-greatest.panel{
        display: inline;
}

js：

document.getElementsByClassName('panel').style.display = "none";

密码笔

它似乎没有使文本按预期消失。我应该如何处理这个？请不要使用 jQuery。