使用 Javascript 更改类的字体大小

Question

<div id="release-0">
  <p class="release-4"> Here is some text, add a class "done" to the parent div</p>
</div>

<div id="release-1">
  <p>remove the #release-1 div</p>
</div>

<h1>Change this text to finish release 2</h1>

<div id="release-3">
  <p class="release-4"> add CSS to this div</p>
</div>

如何选择所有出现的类.release-4并将其更改text-size为2em使用 Javascript？

我试过这个：

document.getElementsByClassName("release-4").style.fontSize = "2em";

但这不起作用。

这确实有效：

document.getElementsByClassName("release-4")[0].style.fontSize = "2em";

但它只选择第一次出现的.release-4.

Answer 1

getElementsByClassName()方法返回元素的集合。您应该循环遍历它们并为每个元素单独设置必要的字体值。