使用JavaScript和querySelector更改rgba值

Question

假设我有一个CSS类：

var overlay = document.querySelector('.overlay');

我想将rgba值更改为（0,0,0,0.2）

我想在没有jQuery的情况下这样做，我想在JavaScript中使用querySelector。

所以，如果我有

overlay.background = '(0, 0, 0, 0.2)';

如何使用它来更改背景颜色值？

我试过了：

overlay.backgroundColor = '(0, 0, 0, 0.2)';

和

{{1}}

Answer 1

你缺少“风格”

在香草JS中应该是这样的。

document.querySelector（'。overlay'）。style.backgroundColor ='rgba（0,0,0,0.2）';