0

Пытался поменять фон в браузере, у меня выходит следующая ошибка:

Uncaught TypeError: Cannot read properties of null (reading 'style') at scripts.js:1

Здесь почему-то все работает, а у меня нет. В чем проблема?

У меня код такой же как и в этом примере.

document.body.style.background = 'red'; // сам скрипт находится в отдельном js файле
<!DOCTYPE html>

<html>

   <head>
<meta charset="utf-8" />
<link  href="style.css"  rel="stylesheet" type="text/css" />
<script type="text/javascript" src="java.js"></script>
  </head>

 <body>
</body>

</html>

4
  • Я бы делал так: красил бы body в красный цвет путем добавления класса. Те стили через css, а через js добавить body какой-то класс. Думаю в вашем случае не может быть прочитано свойство несуществующего объекта. Я бы через console.log вывел сначала document, потом document.body и т.д., по идее при выводе в консоль там будет видно объект и его свойства 12 сен 2021 в 6:47
  • А, кстати, может быть у вас js скрипт запускается до того, как завершена загрузка и построение DOM документа. В моем последнем вопросе есть пример реализации запуска js скрипта после того, как завершена загрузка и построение DOM документа 12 сен 2021 в 6:57
  • @freestyle_HD не могу найти ваш вопрос с примером, если вам не трудно, то не могли бы вы пожалуйста дать ссылку. Буду очень признателен)) 12 сен 2021 в 12:15
  • [ru.stackoverflow.com/questions/1327662/] Там кусок кода начинается с: document.addEventListener. Вот это кусок кода вам и нужен. Пишите внутри функции function pageLoadedHandler() { ваш код 12 сен 2021 в 12:54

1 ответ 1

2

Скрипты надо в конец body ложить или использовать defer если скрипт юзает DOM

1.

<!DOCTYPE html>

<html>

   <head>
<meta charset="utf-8" />
<link  href="style.css"  rel="stylesheet" type="text/css" />
  </head>

 <body>

<script type="text/javascript" src="java.js"></script>
</body>

</html>
<!DOCTYPE html>

<html>

   <head>
<meta charset="utf-8" />
<link  href="style.css"  rel="stylesheet" type="text/css" />
<script defer type="text/javascript" src="java.js"></script>
  </head>

 <body>
</body>

</html>
2
  • А что такое defer? 12 сен 2021 в 12:14
  • 1
    defer - значит отложи загрузку и исполнение скрипта пока DOM не будет готов
    – Austral1a
    12 сен 2021 в 12:30

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.