2017-04-15 141 views
-1

我将使用示例来解释问题。假设我有一个名为'custom-background'的css类,并且在单击按钮时,我希望将与此类关联的所有元素的背景颜色属性更改为红色。在另一次点击中,我希望将其更改为黄色,并且可能会出现由于与此类关联而删除背景颜色覆盖的情况。使用JavaScript更改CSS类属性

有没有办法实现这个使用JavaScript?我知道我可以专门覆盖与类关联的元素的属性,但我不认为我可以完全删除特定的属性。因此,我正在寻找一种方法来修改与类关联的CSS属性。

+0

你做了什么研究吗? https://developer.mozilla.org/en/docs/Web/API/Element/classList – jonrsharpe

+0

我知道如何添加或从DOM元素中删除类。问题不在于此,而在于您能否以某种方式编辑已知类的CSS属性。 并回答你的问题,是的,我做了一些研究,但没能找到任何满意的解决方案。就目前而言,我打算简单地重写属于目标类的所有元素的属性,但确实需要更优雅的解决方案。 – Ulrich

回答

0

如果我明白你的意思,

可以逆转回默认。 .class {background:none} document.getElementsByClassName('class')。style.backgroundColor =“none”;