Вход

Просмотр полной версии : Помогите разобраться в простом коде.

Вадим1
28.09.2020, 18:27
Почему document.getElementById("changeColor").style.backgroundColor = "blue";
Не изменяет цвет div с красного на синий?
Вот код полностью:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<style>
.test {
height: 200px;
background: red;
}
</style>
<script>
document.getElementById("changeColor").style.backgroundColor = "blue";
</script>
</head>
<body>

<div class="test" id="changeColor">
</div>

</body>
</html>
Вадим1
28.09.2020, 18:38
Консоль выдаёт такое:
Cannot read property 'style' of null
Но где ошибка?
laimas
28.09.2020, 18:59
Но где ошибка?

document.getElementById("changeColor").style.backgroundColor = "blue";

"впереди лошади", этого

<div class="test" id="changeColor">

то есть на момент выполнения js такого элемента еще нет в DOM. Поместите скрипт после этого div, или в обработчик загрузки документа.