HTML | DOM HR 颜色属性

DOM HR 颜色属性用于设置或返回

---

元素的颜色属性值。

句法：

• 它返回一个 HR 颜色属性。

  hrobject.color

• 它设置 HR 颜色属性。

  hrobject.color="value"

属性值：

• color_name：使用颜色名称保存文本颜色。例如： “红色”。
• hex_number：它使用颜色十六进制代码保存文本颜色。例如： “#0000ff”。
• rgb_number：它通过使用 rgb 代码保存文本颜色。例如： “rgb(0, 153, 0)” 。

返回值：它返回一个表示 HR 元素颜色的字符串值。

示例 1：本示例使用 DOM HR 颜色属性返回 HR 颜色属性。

 
 
  
 
    HTML DOM hr color property 
 
  
 
    GeeksForGeeks 
      
    DOM HR color Property 
      
    
        There is a horizontal rule
        below this paragraph.
     
      
    
     
      
    
        This is a horizontal rule
        above this paragraph.
     
      
    Try it
      
    
      
     
        function myGeeks() { 
              
            // Accessing 'hr' tag
            var x = document.getElementById("GFG").color;
            document.getElementById("sudo").innerHTML = x;
        } 
     
 
  

输出：

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

示例 2：本示例使用 DOM HR 颜色属性来设置 HR 颜色属性。

 
 
  
 
    HTML DOM hr color property 
 
  
 
    GeeksForGeeks 
      
    DOM HR color Property 
      
    
        There is a horizontal rule
        below this paragraph.
     
      
    
     
      
    
        This is a horizontal rule
        above this paragraph.
     
      
    Try it 
      
    
      
     
        function myGeeks() { 
              
            // Accessing 'hr' tag
            var x = document.getElementById("GFG").color
                        = "blue";
              
            document.getElementById("sudo").innerHTML
                        = "The color was changed to " + x;
        } 
     
 
  

输出：

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