在纯javascript中切换图像

我现在有一个播放器图标，在播放时会变成暂停图标。我正在使用此代码进行更改：

    <script>
      var onImg= "img/play.svg";
      var offImg= "img/pause.svg";
    </script>

var onImg=“img/play.svg”；
var offImg=“img/pause.svg”；

但是，它只是单向的，再次单击时不会返回到播放图标。如何存档此文件？我只能找到jQuery代码，但我想要一个不依赖于任何库的解决方案

链接到演示：（第一个封面与音频一起使用）

看看这个：

var on=”http://webneel.com/wallpaper/sites/default/files/images/04-2013/15-beach-sea-photography.preview.jpg";
变量off=”https://s13.postimg.org/lzdaqr6fr/15_beach_sea_photography_preview_Convert_Image.jpg";
var状态=假；
var img=document.getElementById（“img”）；
img.onclick=函数（）{
如果（州）{
img.src=关闭；
状态=假；
}
否则{
img.src=on；
状态=真；
}
}

---

您可以使用纯javascript函数更改imagesrc属性，如下所示

img.setAttribute('src',"http://cdn-images.deezer.com/images/cover/fd198aa0a511e33d42c787a364434962/400x400-000000-80-0-0.jpg")

---

你能给我们看一下进行实际切换的代码吗？更好的是，你能找到一个快速而肮脏的代码片段吗？从那一页上，他在图像上有一个内联onclick，包含：

this.src=this.src==offImg？onImg:offImg

但是为了简单地回答一个代码片段会很有帮助。@DBS

this.src

将返回完整的URL，我认为它应该是类似于

this.src.indexOf（offImg）！=-1….

@Titus确实会的，我只是想澄清一下这个问题。我建议你回答这个问题，这应该能解决他的问题。