在 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&nbsp;id='playbutton'&nbsp;className='myclass'>play</button>要设置背景颜色，您需要先使用 id 获取元素document.getElementById('playbutton').style.backgroundColor&nbsp;=&nbsp;'red'或类名document.getElementsByClassName('myclass')[0].style.backgroundColor&nbsp;=&nbsp;'red'有很多方法可以获取 DOM 元素注意：您可能想在按钮上使用 onClick 而不是使用事件侦听器