Question

我发现一些代码可以使用ID更改字体系列。但我想在我的网站上使用它，并用类替换字体系列。

<!DOCTYPE html>
<html>
<body>
<div class="myP">This is a paragraph.</div>
<script>
    document.getElementsByClassName("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
</script>
</body>
</html>

Answer 1

document.getElementsByClassName()函数返回HTMLCollection个对象。
如果有多个段落，您需要遍历该对象或直接通过其位置访问所需元素：

...
document.getElementsByClassName("myP")[0].style.fontFamily = "Impact,Charcoal,sans-serif";

https://jsfiddle.net/e2xzs9o2/

Answer 2

您可以使用className并在CSS中定义您的字体样式属性

var elements= document.getElementsByClassName("myP")
for (var i = 0; i < elements.length; i++) {

elements[i].className +=" myFont";
}

.myFont{
  font-family:Impact,Charcoal,sans-serif;
}

<div>This is a paragraph.</div>
<div class="myP">This is a paragraph.</div>
<div class="myP">This is a paragraph.</div>

使用js替换字体系列与类名

2 个答案: