HTML | DOM 样式 backgroundColor 属性

HTML DOM 中的backgroundColor属性用于设置或返回元素的背景颜色。

句法：

• object.style.backgroundColor

  它返回元素的背景颜色。

• object.style.backgroundColor = "color|transparent|initial|
  inherit"

  它用于设置元素的背景颜色。

参数： backgroundColot 属性接受的参数有四个

• 颜色：此属性包含背景颜色。
• 透明：默认背景色是透明的。
• 初始：将此属性设置为默认值
• 继承：从其父元素继承属性

示例 1：

  

    
      Style backgroundColor Property
    
    
        /* script to set background color */
        function geeks() {
            document.body.style.backgroundColor = 
                                "lightgreen";
        }
    

  

  
    
            GeeksForGeeks
        
  
    
            Style backgroundColor Property
        
  
    
      Submit
    

输出：

• 前：
  
• 后：
  

示例 2：

  

    
        Style backgroundColor Property
    
    
        #geeks {
            width: 250px;
            height: 100px;
            background-color: coral;
        }
    

  

    
        
            GeeksForGeeks
        
  
        
            DOM Style backgroundColor Property
        
  
        Submitt
  
        
            GeeksForGeeks
        
  
        
            function geeks() {
                document.getElementById("geeks").style.backgroundColor =
                                                          "lightgreen";
            }
        
    

  
     

输出：

• 前：
  
• 后：
  

支持的浏览器： DOM 样式 backgroundColor 属性支持的浏览器如下：

• 铬 1.0
• 浏览器4.0
• 火狐 1.0
• Safari 1.0
• 歌剧 3.5