通过JavaScript类列表向div添加样式

我的问题听起来可能很傻，因为我对javascript还不熟悉。我有下面一段简单的JavaScript代码。我试图实现的是改变按钮点击时的背景色。我正在尝试使用普通javascript实现这一点。没有jquery或任何其他框架

JS

var save = document.querySelector('.wrapper .content button');
save.addEventListener('click', function () {    
    save.classList.style.background-color = 'red';
});

你必须这样做

var save = document.querySelector('.wrapper .content button');
save.addEventListener('click', function () {    
    save.style['background-color'] = 'red';
});

您还可以通过这种方式访问样式的

背景色
属性

save.style.backgroundColor = 'red';

CSS属性带有类似-的（背景色）以Javascript（背景色）的camelCase表示
对象

片段


var save=document.querySelector（'.con'）；
save.addEventListener（'click'，函数（）{
save.style['background-color']='yellow'；
//或save.style.backgroundColor='黄色'；
});
.con{
宽度：100px；
高度：100px；
背景色：红色；
}
你必须这样做

var save = document.querySelector('.wrapper .content button');
save.addEventListener('click', function () {    
    save.style['background-color'] = 'red';
});

您还可以通过这种方式访问样式的
背景色
属性

save.style.backgroundColor = 'red';

CSS属性带有类似-的（背景色）以Javascript（背景色）的camelCase表示
对象

片段


var save=document.querySelector（'.con'）；
save.addEventListener（'click'，函数（）{
save.style['background-color']='yellow'；
//或save.style.backgroundColor='黄色'；
});
.con{
宽度：100px；
高度：100px；
背景色：红色；
}
它是
元素.style.backgroundColor
而不是
元素.classList.style.backgroundColor


var save=document.querySelector（'.demo'）；
save.addEventListener（'单击'，函数（））{
this.style.backgroundColor='red'；
});
单击我
它是
元素.样式.背景色
而不是
元素.类列表.样式.背景色


var save=document.querySelector（'.demo'）；
save.addEventListener（'单击'，函数（））{
this.style.backgroundColor='red'；
});
单击我
可能使用save.classList.style[“背景色”]=“红色”？可能使用save.classList.style[“背景色”]=“红色”？