javascript - JavaScript 类方法不更新 CSS 样式

Question

我正在尝试使用 js 类更新一些 css（上述类正在做的事情的一部分）下面的代码是一个粗略的想法，说明我正在尝试做什么以及错误出现在哪里

//Js Code
let button =document.querySelector('button')
let eventA = new Someclass(button);
   button.addEventListener('click, function(){ eventA.changecss('"green"' })

//class inside the js
class Someclass {
   constructor(item){
   this.item = item
    }

    changecss(new_style){   
       this.item.style.color = new_style
         }
  }

所以，一切正常，但在

changecss(new_style)

我无法更改 css 值。但是我可以获取目标项的值（在我的情况下为按钮）

this.item.style

正确返回 css 声明但是

this.item.style.color = 'red'

不起作用并返回一个.color is not defined

标签： javascriptcsscss-selectors