[英]Javascript not changing <img> src attribute?
我已經通過StackOverflow查看了一個小時,但我仍然不確定我在這里缺少什么。 我對JavaScript非常陌生,因此可能很明顯,但是我似乎無法在線找到任何答案。
這是我的HTML:
<body id="body" onclick="pageClick()">
<img class="overlay" id="overlay1" src="images/empty.png">
</body>
這是我的JavaScript:
function pageClick() {
document.getElementById("body").style.backgroundColor = "blue";
document.getElementsById("overlay1").src = "images/banned.png";
}
我包括了正文背景色,以向自己展示腳本正在運行,但是source屬性沒有更改。 任何幫助表示贊賞!
是getElementById
,您編寫了getElementsById
。
使用document.getElementById代替document.getElement 的 ById
你也可以使用querySelector
function pageClick() {
document.querySelector("#body").style.backgroundColor = "blue";
document.querySelector(".overlay1").src = "images/banned.png";
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.