Javascript图像未更改

图像不会在onclick事件上更改为另一个图像，直到页面最小化/最大化。指向该页面的url如下：

javascript在这里：

function CallPlay(plybtn, pbtn) {
    if (pbtn.style.display == "block") {
        pbtn.style.display = 'none';
        plybtn.style.display = "block";
        console.log('CallPlay');
    }
}

function CallPause(plybtn, pbtn) {
    if (plybtn.style.display == 'block') {
        plybtn.style.display = 'none';
        pbtn.style.display = "block";
        console.log('CallPause');
    }
}

var isPlaying = false;
var player = document.createElement('div');
var title = document.createElement('p');
var plybtn = document.createElement('img');
var pbtn = document.createElement('img');
pbtn.style.display = "none";
plybtn.style.display = 'block';
player.style.height = '19px';
player.style.width = '100%';
player.style.backgroundImage = "url('http://craft.yuribot.ml/Player/src/Images/base.png')";
title.style.textAlign = 'center';
title.style.color = "#29FFFF";
title.style.fontFamily = "tahoma";
plybtn.style.height = "15px";
plybtn.style.position = 'fixed';
pbtn.style.height = "15px";
plybtn.style.left = "18px";
plybtn.style.top = '11px';
pbtn.style.top = "11px";
pbtn.style.left = "18px";
pbtn.style.position = 'fixed';
pbtn.src = "http://craft.yuribot.ml/Player/src/Images/paused.png";
plybtn.src = "http://craft.yuribot.ml/Player/src/Images/ply.png";
plybtn.onclick = function () {
    CallPause(plybtn, pbtn);
}
pbtn.onclick = function () {
    CallPlay(plybtn, pbtn);
}
title.innerHTML = "THIS IS THE TITLE SECTION";
title.style.fontSize = '8px';
player.appendChild(title);
player.appendChild(plybtn);
player.appendChild(pbtn);
document.body.appendChild(player);

---

我不知道为什么会这样。它以前工作过。

此代码对我有效，我会尝试清除你的缓存。在Chrome中，有一个设置可以在DevTools打开时禁用缓存，您可以通过以下链接进行设置：

为什么将播放时间缩短到ply？这很好。您的浏览器存在缓存问题。我开始此操作时是凌晨4点。这可能就是原因