通过 JavaScript classList 为 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';
});

您也可以通过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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为div添加样式

如何将事件设置为通过.classList.add添加类的选择器

js:通过“id”为元素添加样式

为通过JavaScript创建的div分配名称

为动态生成的div添加样式

通过 classList.toggle("element") 向元素添加类后应用 CSS 样式

为CSS中的内容可编辑div设置关闭和调整大小按钮的样式,并通过jQuery添加rsize功能

为随机生成的 Javascript 数字添加样式

在 Javascript 中为 CSS 类添加样式

使用 javascript 为每个元素添加样式

如何通过Javascript在两个div之间添加div

JavaScript:为div选择一个元素并更新样式

当javascript中的element.classList.add()方法添加新类时,无法使用DOM操作对元素进行样式设置

为什么通过 JavaScript 添加样式不起作用

如何在 javascript 中为 html 样式添加笔画?

'classList' 为 null

我想通过向按钮添加两种不同的纯色为按钮添加CSS样式

使用 classList 从 JavaScript 在 Web 组件中动态添加类

无法将 eventListener 添加到通过 JavaScript 创建的 div

为 JavaScript 中的 div 添加 1 个过滤器

Javascript XMLHTTPRequest .classList 响应

classList的JavaScript问题

通过替换样式块通过Javascript添加和更新CSS规则?

多个div的classList.toggle()

通过使用JavaScript更改Div样式,而无需重新加载页面

如何通过使用javascript捍卫类名在div列表上应用CSS样式

使用 Javascript 通过同一事件更改多个 div 样式

通过javascript创建新的div

如何使用react或javascript根据其内容为span标签添加不同的样式?