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

在本文中，我们将使用 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
  
    
  
    
        Click to change
    
  
    
        function myGeeks() {
            document.getElementById("sudo")
                .style.fontWeight = "bold";
        } 
    

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器：

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