Javascript 使用对象的id更改对象的字体族

Javascript 使用对象的id更改对象的字体族,javascript,css,fonts,Javascript,Css,Fonts,我需要使用特定对象的id更改其字体系列 有什么建议吗 <script> var day = new Date(); var today = day.getDate(); var lys = today * 16; var heode = 505 - lys; if (today == 24){ document.getElementById("chistmas").innerHTML ="Merry Christmas" }

我需要使用特定对象的id更改其字体系列

有什么建议吗

<script>
    var day = new Date();
    var today = day.getDate();
    var lys = today * 16;
    var heode = 505 - lys;

    if (today == 24){
    document.getElementById("chistmas").innerHTML ="Merry Christmas"
    }   
    else {
        let remainingdays = 24 - today;
        document.getElementById("chistmas").innerHTML = "there are " + remainingdays + " days until christmas"
    }
    document.getElementsByClassName("light")[0].style.height=heode+"px"   
</script>

var day=新日期();
var today=day.getDate();
var lys=今天*16;
var heode=505-赖氨酸;
如果(今天==24){
document.getElementById(“chistmas”).innerHTML=“圣诞快乐”
}   
否则{
让剩余天数=24-今天;
document.getElementById(“chistmas”).innerHTML=“离圣诞节还有“+剩余天数+”天”
}
document.getElementsByClassName(“light”)[0]。style.height=heode+“px”

如果您知道选择器将只匹配一个类:

document.getElementsByClassName("className")[0].style.fontFamily = "New Font Family";

如果需要修改多个元素,则需要循环查看
文档的结果。GetElementsByCassName(“className”)

您可以执行以下操作:

document.getElementById("chistmas").innerHTML ="<label style='font-family:Arial, Helvetica, sans-serif'>Merry Christmas</label>"
document.getElementById(“chistmas”).innerHTML=“圣诞快乐”
或者

label.yourClassName{
字体系列:“泰晤士报新罗马”,泰晤士报,衬线;
}
document.getElementById(“chistmas”).innerHTML=“圣诞快乐”

document.getElementById(“chistmas”).style.fontFamily='courier'
与您在代码底部所做的完全相同,只是您写的fontFamily=“Arial”的高度不同。请通过解释您发布的代码在做什么以及为什么它提供问题的答案来扩展您的答案。在“如何在innerHTML中应用字体系列”之前,该问题已被编辑,我的答案是
label.yourClassName {
    font-family: "Times New Roman", Times, serif;
}

document.getElementById("chistmas").innerHTML ="<label class='yourClassName'>Merry Christmas</label>"