如何使用javascript编辑类的背景颜色(rgba)?

Question

我想编辑类的背景颜色。在JavaScript中，我有一个函数，它将在音频文件结束后发生。我想在该函数中包含一个脚本，它将一个名为"text1"的类的背景颜色更改为颜色"rgba(0,0,0,0("，这将等于背景是透明的。

.HTML：

<span class="text1">Some text</span>

脚本.js的 HTML

audio.onended=function(){ "insert here the background changing script" }

样式.css文本1

.text1{ color: white; background: #000; }

我已经尝试getElementByClassName但没有成功，我无法将类更改为 id，因为它会阻止 html 文件的其他内容。

Answer 1

您可以添加其他类，而不是更改该类。

audio.onended = function() {
Array.from(document.querySelectorAll(".text1")).forEach(el => el.classList.add("transparent"));
};

然后添加此 CSS：

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