JavaScript не меняется <img>атрибут SRC? - PullRequest
0 голосов
/ 30 ноября 2018

Я просматриваю 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";
}

Я включил цвет фона тела, чтобы показать, что скрипт работает, но атрибут источника не меняется.Любая помощь приветствуется!

Ответы [ 3 ]

0 голосов
/ 30 ноября 2018

Используйте document.getElementById вместо document.getElement s ById

0 голосов
/ 30 ноября 2018

вы можете использовать querySelector тоже

function pageClick() {
    document.querySelector("#body").style.backgroundColor = "blue";
    document.querySelector(".overlay1").src = "images/banned.png";
}
0 голосов
/ 30 ноября 2018

Это getElementById, вы написали getElementsById.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...