簡體   English   中英

Javascript不變 <img> src屬性?

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM