Помогите разобраться в простом коде.
Почему
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>
|
Консоль выдаёт такое:
Cannot read property 'style' of null Но где ошибка? |
Цитата:
"впереди лошади", этого <div class="test" id="changeColor"> то есть на момент выполнения js такого элемента еще нет в DOM. Поместите скрипт после этого div, или в обработчик загрузки документа. |
| Часовой пояс GMT +3, время: 08:28. |