Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.09.2020, 18:27
Новичок на форуме
Отправить личное сообщение для Вадим1 Посмотреть профиль Найти все сообщения от Вадим1
 
Регистрация: 28.09.2020
Сообщений: 2

Помогите разобраться в простом коде.
Почему
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>
Ответить с цитированием
  #2 (permalink)  
Старый 28.09.2020, 18:38
Новичок на форуме
Отправить личное сообщение для Вадим1 Посмотреть профиль Найти все сообщения от Вадим1
 
Регистрация: 28.09.2020
Сообщений: 2

Консоль выдаёт такое:
Cannot read property 'style' of null
Но где ошибка?
Ответить с цитированием
  #3 (permalink)  
Старый 28.09.2020, 18:59
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от Вадим1
Но где ошибка?
document.getElementById("changeColor").style.backg roundColor = "blue";

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

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите разобраться с функцией .height() kos0760 Элементы интерфейса 2 24.05.2017 23:51
Помогите разобраться ... Я новенький в JS ... bogong Общие вопросы Javascript 23 27.12.2011 19:20
Помогите разобраться с кодом. TheWanderer Общие вопросы Javascript 10 17.04.2010 13:41
Помогите пожалуйста разобраться Kupu4 Ваши сайты и скрипты 0 21.01.2010 10:44
Помогите разобраться с задачей (поиск строки) Absinthe Ваши сайты и скрипты 6 07.12.2009 09:17