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

element.style

小樊

2024-10-10 00:13:36

栏目: 编程语言

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

设置字体家族（fontFamily）：

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

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

设置字体粗细（fontWeight）：

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

设置字体样式（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标记）。

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

最新问答

相关标签