Javascript 更改aud_play_pause（）中的图标

我有一个图像，播放和停止轨道完美。我正在尝试将图像源从

play.png

切换到

pause.png

，具体取决于曲目是否正在播放

下面是我的代码，它只使用static play.png图像启动/停止音频。如何使用javascript在

pause.png

和

play.png

之间更改

src

属性

<img src='play.png' onclick="aud_play_pause()">

<audio id="audio1">
  <source src="audio1.mp3" type="audio/mp3">
</audio>

<script>
var myAudio=document.getElementById("audio1");

function aud_play_pause(){
  if (myAudio.paused){
      myAudio.play();
  } else {
      myAudio.pause();
  }
}
</script>

var myAudio=document.getElementById（“audio1”）；
函数aud\u play\u pause（）{
如果（myAudio.paused）{
myAudio.play（）；
}否则{
myAudio.pause（）；
}
}

您需要使用javascript的DOM操纵函数来改变这种情况，如下所示：

var myAudio = document.getElementById("audio1");
var image = document.getElementsByTagName("img")[0];

function aud_play_pause(){
  if (myAudio.paused){
      myAudio.play();
      image.setAttribute("src", "pause.png");
  } else {
      myAudio.pause();
      image.setAttribute("src", "play.png");
  }
}

---

虽然最好通过ID引用

img

元素，但我使用了它的标记名，因为它是唯一的一个元素。

非常有效！谢谢！；）