CSSStyleDeclaration 对象 setProperty()方法

setProperty() 方法用于设置一个新的 CSS 属性，同时也可以修改 CSS 声明块中已存在的属性。

语法

object.setProperty(propertyname, value, priority)

属性值

参数	描述
propertyname	必需。一个字符串，表示创建或修改的属性。
value	可选，新的属性值。

 蓝桥杯web组模拟赛1期第二题就是用property来给change事件赋值新的css值

inputs.forEach(item => {
    item.addEventListener('change', function(e) {
        document.querySelector('html').style.setProperty(`--${e.target.id}`, e.target.value)
              // setProperty()设置一个新的 CSS 属性，并使用 "important" 优先级:
    })
})