向 JavaScript 中的现有 EventListener 添加样式

Question

我用 JS 做了这个事件监听函数：

document.addEventListener("keydown", function(event) {
   
  if (event.code == "KeyA") {
    let audioA = new Audio("https://docs.google.com/...");
    audioA.currentTime = 0;
    audioA.play();
  }

现在我也想添加样式更改，但我不知道如何添加这些更改，似乎没有任何效果。我在“audioA.play()”之后尝试了 *classname*.style.backgroundColor = "red";，但没有任何改变。我还尝试让 class“播放”（这应该是按下按钮的结果）可见并在按下按钮之前在 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 而不是使用事件侦听器

向 JavaScript 中的现有 EventListener 添加样式

Add style to an existing EventListener in JavaScript

javascript

jquery

addeventlistener