javascript - 使用 (treeCut.src = "images/treeCut.png";) 更改 img 的 src

Question

我的想法是将图像从一棵完整的树更改为一棵被砍伐的树，然后又回到一棵完整的树。我的问题是，当我将其更改为被砍伐的树的图片时，图像不会显示，但是当它切换回整棵树的图像时，效果很好。这是与问题相关的脚本:

var treeCut;

switch(randomEvent){
        case 1:
         //add a log
         document.getElementById("treeActive").innerHTML = "inActive1";
         treeSpawn=setTimeout(spawnTree,5000);
                 //below is the piece i'm having issues with
         treeCut = document.getElementById("treeButton");
         treeCut.src = function() {
             treeCut.src = "images/treeCut.png";
         } 
        break;

//not showing the full switch just the part that is being exicuted.

function spawnTree(){
    document.getElementById("treeActive").innerHTML = "Active";
    count = 0;
    document.getElementById("message").innerHTML = "chop " + count;
    clearInterval(treeSpawn);
        //brings the tree back to original image
    treeCut.src = "images/tree.png";
}

是否存在问题，因为第二张图片需要有自己的标签？我已经检查、双重检查、三次检查，确保图像位于正确的位置并正确命名。

Answer 1

您可以直接设置图像的src，例如更改:

treeCut.src = function() {
    treeCut.src = "images/treeCut.png";
} 

至

treeCut.src = "images/treeCut.png";