Javascript 使用document.getElementsByClassName（）更改多个元素的字体？

如何使用

document.getElementsByClassName（）

更改CSS中的字体

我尝试使用：

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

但它不起作用

---

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

使用

.getElementsByClassName（）

而不是

.getElementsByClass（）

另外，

document.getElementsByClassName（）

返回具有所有给定类名的所有子元素的数组。因为它返回一个数组，所以需要像下面这样迭代数组的所有元素：

elems = document.getElementsByClassName("classname")
for(elem in elems){
    elem.style.fontFamily="Your font";
}

---

使用

.getElementsByClassName（）

而不是

.getElementsByClass（）

另外，

document.getElementsByClassName（）

返回具有所有给定类名的所有子元素的数组。因为它返回一个数组，所以需要像下面这样迭代数组的所有元素：

elems = document.getElementsByClassName("classname")
for(elem in elems){
    elem.style.fontFamily="Your font";
}

---

使用

.getElementsByClassName（）

而不是

.getElementsByClass（）

另外，

document.getElementsByClassName（）

返回具有所有给定类名的所有子元素的数组。因为它返回一个数组，所以需要像下面这样迭代数组的所有元素：

elems = document.getElementsByClassName("classname")
for(elem in elems){
    elem.style.fontFamily="Your font";
}

---

使用

.getElementsByClassName（）

而不是

.getElementsByClass（）

另外，

document.getElementsByClassName（）

返回具有所有给定类名的所有子元素的数组。因为它返回一个数组，所以需要像下面这样迭代数组的所有元素：

elems = document.getElementsByClassName("classname")
for(elem in elems){
    elem.style.fontFamily="Your font";
}

---

首先请注意，它是

.getElementsByClassName（）

而不是

.getElementsByClass（）

方法返回匹配元素的节点列表，因此，必须循环返回的列表以应用该属性，如下所示：

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

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

var list=document.getElementsByClassName（“classname”）；
对于（变量i=0；i

首先请注意，它是

.getElementsByClassName（）

而不是

.getElementsByClass（）

方法返回匹配元素的节点列表，因此，必须循环返回的列表以应用该属性，如下所示：

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

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

var list=document.getElementsByClassName（“classname”）；
对于（变量i=0；i

首先请注意，它是

.getElementsByClassName（）

而不是

.getElementsByClass（）

方法返回匹配元素的节点列表，因此，必须循环返回的列表以应用该属性，如下所示：

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

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

var list=document.getElementsByClassName（“classname”）；
对于（变量i=0；i

首先请注意，它是

.getElementsByClassName（）

而不是

.getElementsByClass（）

方法返回匹配元素的节点列表，因此，必须循环返回的列表以应用该属性，如下所示：

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

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

var list=document.getElementsByClassName（“classname”）；
对于（变量i=0；i

getElementsByClassName（）返回一个类似数组的元素集合。像使用真实数组一样对其进行迭代：

var elements = document.getElementsByClassName("classname");
for(var i = 0; i < elements.length; i++) {
    elements[i].style.fontFamily="Times New Roman";
}

getElementsByClassName（）返回类似数组的元素集合。像使用真实数组一样对其进行迭代：

var elements = document.getElementsByClassName("classname");
for(var i = 0; i < elements.length; i++) {
    elements[i].style.fontFamily="Times New Roman";
}

getElementsByClassName（）返回类似数组的元素集合。像使用真实数组一样对其进行迭代：

var elements = document.getElementsByClassName("classname");
for(var i = 0; i < elements.length; i++) {
    elements[i].style.fontFamily="Times New Roman";
}

getElementsByClassName（）返回类似数组的元素集合。像使用真实数组一样对其进行迭代：

var elements = document.getElementsByClassName("classname");
for(var i = 0; i < elements.length; i++) {
    elements[i].style.fontFamily="Times New Roman";
}

改用这个：

document.getElementsByClassName("classname").style.font="bold 20px Your Font";

如果您同意使用jQuery，请使用：

$('.classname').css("font-family", 'Your Font');

改用这个：

document.getElementsByClassName("classname").style.font="bold 20px Your Font";

如果您同意使用jQuery，请使用：

$('.classname').css("font-family", 'Your Font');

改用这个：

document.getElementsByClassName("classname").style.font="bold 20px Your Font";

如果您同意使用jQuery，请使用：

$('.classname').css("font-family", 'Your Font');

改用这个：

document.getElementsByClassName("classname").style.font="bold 20px Your Font";

如果您同意使用jQuery，请使用：

$('.classname').css("font-family", 'Your Font');

---

效果很好。非常感谢。效果很好。非常感谢。效果很好。非常感谢。效果很好。非常感谢。这个答案是不正确的。根据MDN文档，以及其他答案中所述，

getElementsByClassName

返回一个

HTMLCollection

，必须循环该选项以单独设置每个元素的字体。此答案不正确。根据MDN文档，以及其他答案中所述，

getElementsByClassName

返回一个

HTMLCollection

，必须循环该选项以单独设置每个元素的字体。此答案不正确。根据MDN文档，以及其他答案中所述，

getElementsByClassName

返回一个

HTMLCollection

，必须循环该选项以单独设置每个元素的字体。此答案不正确。根据MDN文档，以及其他答案中所述，

getElementsByClassName

返回一个

HTMLCollection

，必须循环该集合来分别设置每个元素的字体