图像未使用 DOM 操作更新

Question

我正在尝试根据条件在两张图像之间切换。我正在考虑更改 img 标记的 src 。 我可以更改 src 但在网页上图像未更新。

有人可以指出应该在哪里使用或更新什么吗？

这是我的 JS 代码 ->

success: function(data){
        if(data.status == 200){
          if(data.message == "Liked"){
            document.getElementById("like_image_state_change").src="{% static 'FrontEnd1/Static_Images/CovrPage_Like_R.png' %}";

          } 
          else if(data.message == 'Like Removed'){
            document.getElementById("like_image_state_change").src="{% static 'FrontEnd1/Static_Images/CovrPage_Like_W.png' %}";
            console.log(document.getElementById("like_image_state_change"));
          }
        }
        else{
          console.log('wrong');
        }
      }
    });

在这里，当我在“like Removed”中控制台 document.getElementById 时，我可以看到图像的更新后的 src，但图像在网页上仍然相同。

PS->我使用的后端是 DJango。 （如果重要的话）