溫馨提示×

怎樣用element.style設(shè)置字體樣式

小樊
81
2024-10-10 00:13:36
欄目: 編程語言

使用element.style可以設(shè)置HTML元素的行內(nèi)樣式。要設(shè)置字體樣式，您可以設(shè)置fontFamily、fontSize、fontWeight、fontStyle等屬性。以下是一些示例：

  1. 設(shè)置字體家族（fontFamily）：
document.getElementById("myElement").style.fontFamily = "Arial, sans-serif";
  1. 設(shè)置字體大?。╢ontSize）：
document.getElementById("myElement").style.fontSize = "16px";
  1. 設(shè)置字體粗細(xì)（fontWeight）：
document.getElementById("myElement").style.fontWeight = "bold";
  1. 設(shè)置字體樣式（fontStyle）：
document.getElementById("myElement").style.fontStyle = "italic";

您還可以同時設(shè)置多個字體樣式屬性，例如：

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僅設(shè)置內(nèi)聯(lián)樣式，即直接在HTML元素上設(shè)置的樣式。這些樣式將覆蓋在CSS文件中定義的樣式（除非它們使用!important標(biāo)記）。

0 踩