Блог

У меня есть код, который отлично подходит для запуска и приостановки аудио проигрывателя html5, и он выглядит так

я хочу вставить, что изображение проигрывателя тоже будет меняться при каждом нажатии, и я написал следующее

 <script>
    function aud_play_pause4() {
        var myAudio = document.getElementById("myAudio4");
        if (myAudio.paused) {
            myAudio.play();
        } else {
            myAudio.pause();
        }
    }
</script>
 

 <script>
    function aud_play_pause5() {
        var myAudio = document.getElementById("myAudio5");
        if (myAudio.paused amp;amp; document.getElementById("btn").src == "btnpause.png") {
            myAudio.play();
            document.getElementById("btn").src = "btn.png";
        } else {
            myAudio.pause();
            document.getElementById("btn").src = "btnpause.png";
        }
    }
</script>
 

это пятый идентификатор дорожки

я проверяю журнал, но в коде нет ничего плохого, но я увидел, что он изменяет первый идентификатор дорожки, а не пятый

192.185.121.126/~vagabond/coral/ это ссылка

Ваши идентификаторы должны быть конкретными для каждой кнопки (img)… у вас есть «btn» в качестве идентификатора для всех ваших кнопок (img).

Итак, когда вы вызываете document.getElementById(«btn»), он получает первый img (кнопка).