我的问题可能听起来很愚蠢,因为我是 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';
});
您也可以通过background-color
这种方式访问样式的属性
save.style.backgroundColor = 'red';
用CSS属性-像(背景颜色)以驼峰在Javascript(表示的backgroundColor)对象。
片段
var save = document.querySelector('.con');
save.addEventListener('click', function () {
save.style['background-color'] = 'yellow';
//or save.style.backgroundColor = 'yellow';
});
.con{
width:100px;
height:100px;
background-color:red;
}
<div class="con"></div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句