首页 > 建站教程 > JS、jQ、TS >  JS中的style.cssText正文

JS中的style.cssText

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