我的应用程序中有一个图像。我尝试通过onclick事件将此图像更改为另一个图像,但我不知道为什么它不起作用。
这是我的代码:
<body>
<div>
<img onclick="click()" src="http://chittagongit.com//images/smile-icon/smile-icon-6.jpg" id="smile">
</div>
<script>
function click () {
document.getElementByID("smile").src = "http://chittagongit.com//images/smile-icon/smile-icon-5.jpg"
}
</script>
Codepen上的相同代码:
https://codepen.io/szczypkamaciek/project/editor/DBrPbw
感谢帮助!!!
最佳答案
确保一切按预期方式运行时检查控制台。您拼写错误的“ getElementByID”应为“ getElementById”(小写的“ d”)。
另外,通常最好使用addEventListener:
<script>
var smile = document.getElementById("smile");
smile.addEventListener('click', function () {
smile.src = "http://chittagongit.com//images/smile-icon/smile-icon-5.jpg"
});
</script>