"use strict"
let btn = document.getElementById("start"),
box = document.querySelector('.main .inside');
box.style.backgroundColor = 'blue';
Как поменять стиль box??? всегда попадаю на ошибку :
Uncaught TypeError: Cannot read property 'style' of undefined
Вопрос даже не в том как сменить) Почему так происходит? почему "не удаётся прочитать свойство"? Всегда на такую ошибку натыкаюсь что бы не писал с .style.
like-a-boss, КОНЕЧНО я первым делом посмотрел в консоль(наверное, не очень внимательно)
В консоль выводится: <div class="inside"></div>
как раз то, у чего я пытаюсь сменить стиль!
VGross2016, Тогда надо смотреть в инспекторе, возможно стиль устанавливается(он должен), но по приоритету есть правило с !important, которое главенствует и не даёт применить стиль.
like-a-boss, да это примитивнейший пример, на отработку анимации - 2 квадрата(дива) один в одном. Ничего особого. но когда анимация не сработала, решил проверить, применяются ли свойства к одному и второму - ессссстественно что нет))
VGross2016, Как я уже сказал, здесь могут быть внешние факторы: например, я могу к этой странице подключить некий CSS файл и сделать так, что оно не будет работать. То же самое и с JS файлом - тоже можно всё испортить. А так, это просто пример в вакууме, там реально нечем и нечему ломаться.
Кроме этой ошибки document.box.style.backgroundColor = 'blue'; вместо box.style.backgroundColor = 'blue';, хотя в изначальном вопросе написано правильно.
Ещё, кстати, не стоит забывать про кеш браузера - тоже может создать проблем.
