如何在 JavaScript 中获取特定元素的字体属性？

给出一个字符串元素，任务是使用 JavaScript 获取特定元素的字体属性。

方法：

• 将字符串存储到变量中。
• 然后使用 element.style.property 获取该元素属性的 propertyValue。

示例 1：此示例获取元素 [id = 'GFG_UP'] 的字体系列。

 
 
     
         
            How to get the font family property of
            a particular element in JavaScript ?
        
     
      
     
          
         
            GeeksForGeeks 
         
          
             
        
          
         
            Click here
        
          
        
        
          
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
          
            var str = "click on button to get the font property";
          
            el_up.innerHTML = str;
          
            function gfg_Run() {
                el_down.innerHTML =
                    "font-style is '" + el_up.style.fontFamily + "'";
            }         
         
     

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例获取元素 [id = 'GFG_UP'] 的字体粗细。

  
  
     
         
            How to get the font weight property of
            a particular element in JavaScript ?
        
     
      
    
            
          
            GeeksForGeeks  
         
          
             
        
          
         
            Click here
        
          
        
        
          
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
              
            var str = "click on button to get the font property";
              
            el_up.innerHTML = str;
              
            function gfg_Run() {
                el_down.innerHTML = 
                    "font-weight is '"+el_up.style.fontWeight + "'";
            }           
         
      

输出：

• 在点击按钮之前：
  
• 点击按钮后：