用javascript更改图像src不起作用

change image src with javascript not working

本文关键字：src 不起作用 图像 javascript      更新时间：2023-09-26

这是我的代码

function playPause(){
    movie = document.getElementById('movieEMBED');
    icon = document.getElementById('playPauseIcon');
    var isPlaying;
    isPlaying = movie.GetRate();
    if (!isPlaying){
        movie.Play();
        icon.setAttribute('src', "images/pausebutton.png");
    }
    else {
        movie.Stop();
        icon.setAttribute('src', "images/playbutton.png");
    }
}

在html:中

<input type="image" id="playPauseIcon" src="images/playbutton.png" width=30px onClick='playPause()'></input>

有什么想法吗？为什么当我点击按钮时，图片没有在暂停和播放按钮之间切换？

我猜是因为你的电影正在播放。if块的else将src设置为相同的值：

if (!isPlaying){
    movie.Play();
    icon.setAttribute('src', "images/pausebutton.png");
}
else {
    movie.Stop();
    icon.setAttribute('src', "images/playbutton.png"); // <---- no change
}

为了确保你的代码是正确的，我会把函数改为：

function playPause(){
    var icon = document.getElementById('playPauseIcon');
    icon.setAttribute('src', "images/pausebutton.png");
}

然后慢慢添加您的电影代码

据我所见，您的代码很好。你确定是电影吗。GetRate（）返回不同的值，您是否正确地通过了"if"的两个路径？我想看电影。GetRate（）总是返回相同的值，因此您永远不会将src属性设置为不同的图像。

相关文章：