javascript - JS - 在播放音乐时更改样式

Question

<audio id="player35" src="tune.wav" type="audio/wav"></audio>

<a href="#" onclick="pausePlay(document.getElementById('player35'));" class="music-area">A Tune</a>

---

.music-area
{
width: 128px;
height: 128px;
background-color: rgba(0, 0, 0, 0.2);

background-image: url("img/speaker.jpg");
background-repeat:no-repeat;
background-position:center;

margin: 0;
padding: 0;
display: inline-block;
float: left;
color: rgba(0, 0, 255, 0.60);
text-decoration: none;
text-align: center;
font-size: 20px;
font-weight: bold;
}

有许多“playerX”音频标签和相关联的点击播放音乐。它们都有“音乐区”类，因此上面的 CSS 在所有这些上都放置了一个扬声器符号。我希望扬声器仅在播放音乐时出现，这可能吗？

Answer 1

当执行pausePlay 函数时，如果开始播放音乐，您可以将另一个类添加到a 元素，并在音乐停止时删除该类。使用该新类来设置元素的样式。