怎样用element.style设置字体样式

使用element.style可以设置HTML元素的行内样式。要设置字体样式，您可以设置fontFamily、fontSize、fontWeight、fontStyle等属性。以下是一些示例：

1. 设置字体家族（fontFamily）：

document.getElementById("myElement").style.fontFamily = "Arial, sans-serif"; 

2. 设置字体大小（fontSize）：

document.getElementById("myElement").style.fontSize = "16px"; 

3. 设置字体粗细（fontWeight）：

document.getElementById("myElement").style.fontWeight = "bold"; 

4. 设置字体样式（fontStyle）：

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标记）。