element.style

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

小樊
156
2024-10-10 00:13:36
栏目: 编程语言

使用element.style可以设置HTML元素的行内样式。要设置字体样式,您可以设置fontFamilyfontSizefontWeightfontStyle等属性。以下是一些示例:

  1. 设置字体家族(fontFamily):
document.getElementById("myElement").style.fontFamily = "Arial, sans-serif";
  1. 设置字体大小(fontSize):
document.getElementById("myElement").style.fontSize = "16px";
  1. 设置字体粗细(fontWeight):
document.getElementById("myElement").style.fontWeight = "bold";
  1. 设置字体样式(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标记)。

0
看了该问题的人还看了