javascript - 使用 document.getElementsByClassName() 更改多个元素的字体？

Question

如何使用 document.getElementsByClassName() 在 CSS 中更改字体？

我尝试使用:

document.getElementsByClassName("classname").style.fontFamily="Your font";

但它不起作用。

我使用的是 Firefox 27.0.1，它应该受到支持，所以我认为这不是问题。我的代码有问题吗？

Answer 1

首先请注意，它是 .getElementsByClassName() 而不是 .getElementsByClass()。

.getElementsByClassName()方法返回匹配元素的 NodeList，因此，您必须循环遍历返回的列表以应用属性，如下所示:

var list = document.getElementsByClassName("classname");

for (var i = 0; i < list.length; ++i) {
    list[i].style.fontFamily="Your font";
}