js设置字体样式,可以分开写:
document.getElementById("d1").style.color = "red" document.getElementById("d1").style.fontSize = "13px" document.getElementById("d1").style.fontFamily = "Arial" document.getElementById("d1").style.fontStyle = "italic" document.getElementById("d1").style.fontWeight = "bold"
等等,如果都要设置,会非常麻烦,而cssText,就是一种简写(对值的顺序无要求)
document.getElementById("d1").style.cssText = "color: red; font-size: 13px; font-family: Arial; font-style: italic; font-weight: bold;"
当然,您也可以利用css的缩写属性font来设置,更加精简(对值的顺序有严格要求),但它不支持对颜色设置。
document.getElementById("d1").style.font = "italic bold 12px/30px Arial" // 单独设置color document.getElementById("d1").style.color = "red"
font设置应按照如下顺序:
font-style font-variant font-weight font-size/line-height font-family