使用JavaScript和querySelector更改rgba值

假设我有一个CSS类：

.overlay {
  background-color: rgba(0,0,0,0);
}

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

我想在不使用jQuery的情况下实现这一点，并且我想在JavaScript中使用querySelector

所以，如果我有

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

如何使用此选项更改背景色值

我试过：

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

及

你缺少“风格”

在vanilla JS中应该是这样的

---

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

嗯，就像CSS中一样，您需要在括号之前引用

rgba

。因此，

overlay.style.backgroundColor='rgba（0,0,0,0.2）

<代码>。注意，我还添加了style`accessor，因为这也是必需的。

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