📜  如何使用 JavaScript 更改文本的字体粗细?

📅  最后修改于: 2021-11-03 06:45:10             🧑  作者: Mango

在本文中,我们将使用 JavaScript 动态设置文本的字体粗细。 Ti 动态改变字体粗细,我们使用 HTML DOM Style fontWeight 属性。

句法:

object.style.fontWeight = "value"

属性值:

  • normal:字体粗细为默认值。
  • 更轻:字体重量比正常更轻。
  • 粗体:字体粗细比正常粗。
  • 粗体:字体粗细比粗体更粗。
  • 值:定义从100到900,其中400为正常值。
  • 初始:它设置为其默认字体粗细。
  • 继承:它从其父元素继承此属性。

例子:

HTML


  

    
        How to change font-weight of
        a text using JavaScript?
    

  

  
    

        GeeksforGeeks     

       

        How to change font-weight of         
a text using JavaScript?     

       

Welcome to GeeksforGeeks

       
                  


输出:

点击按钮前:

点击按钮后:

支持的浏览器:

  • 谷歌浏览器
  • IE浏览器
  • 火狐浏览器
  • 歌剧
  • 苹果浏览器