Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Помогите разобраться в простом коде. (https://javascript.ru/forum/misc/81089-pomogite-razobratsya-v-prostom-kode.html)

Вадим1 28.09.2020 19: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 19:38

Консоль выдаёт такое:
Cannot read property 'style' of null
Но где ошибка?

laimas 28.09.2020 19:59

Цитата:

Сообщение от Вадим1
Но где ошибка?

document.getElementById("changeColor").style.backg roundColor = "blue";

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

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

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


Часовой пояс GMT +3, время: 09:09.