按下按钮时更改按钮的图像，使用javascript

问题描述：

我想在按下特定按钮时在变量中设置一个值。当我重新加载页面时，我希望此按钮处于按下状态。我想您在pageloaded函数变量的值，但我不知道该如何改变在JavaScript按钮的状态。请帮助按下按钮时更改按钮的图像，使用javascript

答

HTML：

<button onclick="changeit()"><img src="bla.jpg" id="changevalue"></button>

JS：

function changeit(){ 

    document.getElementById("changevalue").src = "newimg.jpg"; 

}

感谢您的回复@RzelMz。我已经尝试过，工作正常，但没有显示按钮的新图像。我已经使用完整的src图像路径，但都是徒劳的。请帮助 –

当页面重新加载你的意思是，它的老照片？为此，你可能需要用php创建一个会话 – RzeIMz

答

HTML：

<button id="myButton"><img src="myImage.jpg" id="myImage"></button>

JS：

var NEW_IMAGE_URI = "myNewImage.jpg"; 
var buttonState = false; 

function changeButtonImage(){ 
    if (buttonState) { 
    return; 
    } 
    document.querySelector("#myImage").src = NEW_IMAGE_URI; 
    buttonState = true; 
} 

document.addEventListener("DOMContentLoaded", function(event) { 
    var buttonElement = document.querySelector('#myButton'); 
    buttonElement.addEventListener('click',changeButtonImage); 
});

按下按钮时更改按钮的图像，使用javascript

相关推荐