Как редактировать цвет фона (rgba) класса с javascript?

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; }

I Я попытался 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);
}