在 JavaScript 中向现有 EventListener 添加样式

Question

我在 JS 中制作了这个 eventlistener 函数：document.addEventListener("keydown", function(event) {     if (event.code == "KeyA") {    let audioA = new Audio("https://docs.google.com/...");    audioA.currentTime = 0;    audioA.play();  }现在我也想添加样式更改，但我不知道如何添加这些更改，似乎没有任何效果。我*classname*.style.backgroundColor = "red";在“audioA.play()”之后尝试过，但没有任何改变。我还试图让类“播放”（这应该是按下按钮的结果）可见，并在按下按钮之前在 JS 中不可见，但这也没有用，风格仍然是“播放”。如何将“正在播放”的更改添加到我现有的代码中？声音完美无缺。感谢您的帮助。

Answer 1

假设你有一个按钮

<button id='playbutton' className='myclass'>play</button>

要设置背景颜色，您需要先使用 id 获取元素

document.getElementById('playbutton').style.backgroundColor = 'red'

或类名

document.getElementsByClassName('myclass')[0].style.backgroundColor = 'red'

有很多方法可以获取 DOM 元素

注意：您可能想在按钮上使用 onClick 而不是使用事件侦听器