通过js修改样式无效

朋友们今天写的html页面，然后想改样式，在style里面直接修改没问题，但想练习一下js操作修改样式，结果发现不好使了，试了document.getElementsByClassName，document.querySelector，都不好使，修改不了样式。

  var a = document.querySelector(".btn-download");
   console.log(a)
  
   a.style.setProperty('color', 'yellow', 'important')

queryselector方法里面不要加空格啊，空格会导致找不到元素都是

直接设置style的属性 某些情况用这个设置 !important值无效
用a.setAttribute('style', 'color: yellow !important');

你设置的opacity是生效的，color也可以这样设置，不过因为opacity生效了看不到效果，可以先注释掉看color的效果

<style>
                .btn-download {
         
                    color: red !important;
                }
            </style>
         
            <script>
                // var a = document.getElementsByClassName(" btn-download")
                var a = document.querySelector(" .btn-download")
                a.style.setProperty('color', 'yellow', 'important')
                // a.style.setProperty('opacity', '0', 'important')
            </script>