使用其ID更改字体家族

Question

我需要使用其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>

Answer 1

您可以做以下类似的事情：

document.getElementById("chistmas").innerHTML ="<label style='font-family:Arial, Helvetica, sans-serif'>Merry Christmas</label>"

或，

label.yourClassName {
    font-family: "Times New Roman", Times, serif;
}
document.getElementById("chistmas").innerHTML ="<label class='yourClassName'>Merry Christmas</label>"

Answer 2

如果您知道选择器只能匹配一个类：

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

如果您需要修改多个元素，则需要在document.getElementsByClassName("className")