使用element.style
可以设置HTML元素的行内样式。要设置字体样式,您可以设置fontFamily
、fontSize
、fontWeight
、fontStyle
等属性。以下是一些示例:
document.getElementById("myElement").style.fontFamily = "Arial, sans-serif";
document.getElementById("myElement").style.fontSize = "16px";
document.getElementById("myElement").style.fontWeight = "bold";
document.getElementById("myElement").style.fontStyle = "italic";
您还可以同时设置多个字体样式属性,例如:
document.getElementById("myElement").style.fontFamily = "Arial, sans-serif";
document.getElementById("myElement").style.fontSize = "16px";
document.getElementById("myElement").style.fontWeight = "bold";
document.getElementById("myElement").style.fontStyle = "italic";
请注意,element.style
仅设置内联样式,即直接在HTML元素上设置的样式。这些样式将覆盖在CSS文件中定义的样式(除非它们使用!important
标记)。