CSSStyleDeclaration setProperty() 方法

setProperty()方法用于修改现有的 CSS 属性或在声明块中设置新的 CSS 。

语法：用于返回长度属性。

object.setProperty(propertyname, value, priority)

参数：它接受三个参数：

• propertyname：它是一个必需参数，其中包含一个字符串，该字符串表示要设置的属性的名称。
• value：它是一个可选参数，包含一个表示新值的字符串。
• 优先级：它是一个可选参数，包含一个字符串，表示是否应将属性的优先级设置为重要或不重要。

示例：显示setProperty() 方法的工作：

  

    
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
          
        #p1 {
            color: green;
            font-size: 20;
        }
    

  

    GeeksforGeeks
  
    
      setProperty() Method
  
  
    
        Set property
    
  
    
  
    
    
        function myFunction() {
            var x = 
              document.styleSheets[0].cssRules[2].style;
            
            x.setProperty("background-color", "black");
        }
    

  

输出：
在点击按钮之前：

点击按钮后：

支持的浏览器：

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