关于解决JS添加样式设置!important不生效问题关于解决JS添加样式设置!important不生效问题，先上解决

关于解决JS添加样式设置!important不生效问题，

解决方案

先上解决方案，然后慢慢看。

divElements[i].style.setProperty('opacity', '1', 'important');

问题来源

1、下面这段代码是给所有的xxxx-xxxx标签加上透明度值为1的样式。

.xxxx-xxxx {
    opacity: 0;
}


const divElements = document.getElementsByClassName("xxxx-xxxx");
for (let i = 0; i < divElements.length; i++) {
    // 给每个div元素新增样式
    divElements[i].style.opacity = "1";
}

2、当我想通过JS设置透明度权重为最高级时，想着是如下写法，但是发现不生效

divElements[i].style.opacity = "1 !important";

3、于是遍换成了函数的写法

divElements[i].style.setProperty('opacity', '1', 'important');

酱紫就解决了~