Estoy tratando de alternar entre 2 imágenes en función de una condición. Estoy pensando en cambiar el src de la etiqueta img . Puedo cambiar el src pero en la página web la imagen no se actualiza.

alguien puede señalar dónde o qué se debe usar o actualizar.

Aquí está mi código 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'); } } });

Aquí, cuando consolé document.getElementById en 'me gusta Eliminado', pude ver el src actualizado para la imagen, pero la imagen sigue siendo la misma en la página web.

PD -> El backend que estoy usando es DJango. (si importa)