javascript - 使用 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>

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

我已经试过了:

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

但这行不通。

这确实有效:

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

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

Answer 1

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