Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
0 / 0 / 0
Регистрация: 24.11.2019
Сообщений: 36

При срабатывании setTimeout вылазит ошибка "TypeError: Cannot read property 'style' of null"

15.02.2020, 16:07. Показов 977. Ответов 4

Студворк — интернет-сервис помощи студентам
При срабатывании setTimeout где-то на 10-11 ходу вылазит ошибка "TypeError: Cannot read property 'style' of null"
Довольно долго бьюсь, не могу понять причину - что не так со стилями, и почему ошибка вылазит не сразу, а через какое-то время
JavaScript
1
2
3
4
5
6
7
8
9
10
const duel = ['duel1', 'duel2', 'duel3', 'duel4', 'duel5', 'duel6', 'duel7',
            'duel8', 'duel9', 'duel10', 'duel11', 'duel12', 'duel13', 'duel14',
            'duel15', 'duel16', 'duel17', 'duel18', 'duel19', 'duel20', 'duel21',
            'duel22', 'duel23', 'duel24', 'duel25'];
 
        const numRandom = (rancelBlue) => {
            const randomNumber = duel[Math.round(Math.random() * 24 + 1)];
            rancelBlue = document.getElementById(randomNumber).style.backgroundColor='blue'
            setTimeout(numRandom,this.state.delayTimeEasyMode);
        };
А вот и сама ошибка:
TypeError: Cannot read property 'style' of null
44 | const numRandom = (rancelBlue) => {
45 | const randomNumber = duel[Math.round(Math.random() * 24 + 1)];
> 46 | rancelBlue = document.getElementById(randomNumber).st yle.backgroundColor='blue'
47 | setTimeout(numRandom,this.state.delayTim eEasyMode);
48 | };
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
15.02.2020, 16:07
Ответы с готовыми решениями:

Ошибка при изменении стилей: Uncaught TypeError: Cannot read property 'style' of null
как поменять фоновый цвет у блока? я делаю вот так: ...

TypeError: Cannot read property 'style' of null
Уважаемые! У меня проблема. Никак не могу привыкнуть к странностям JS. Вот код и почему-то он не хочет работать. var w=screen.width; ...

Uncaught TypeError: Cannot read property 'style' of null
Доброго времени суток! Есть список, и две кнопки, по нажатию на одну из них список уезжает влево и прозрачность становится 0, при нажатии...

4
380 / 230 / 115
Регистрация: 22.11.2016
Сообщений: 379
15.02.2020, 17:07
В массиве duel - нет элемента с index`ом 25.
1
0 / 0 / 0
Регистрация: 24.11.2019
Сообщений: 36
15.02.2020, 19:09  [ТС]
Спасибо
0
Эксперт JS
6496 / 3907 / 2006
Регистрация: 14.06.2018
Сообщений: 6,781
15.02.2020, 21:47
Евгений_1827, так правильно:
JavaScript
1
const randomNumber = duel[Math.floor(Math.random() * 25)];
Индекс будет от 0 до 24.
round ведет себя непредсказуемо. Для диапазона не применяется.
0
0 / 0 / 0
Регистрация: 24.11.2019
Сообщений: 36
16.02.2020, 11:15  [ТС]
amr-now, спасибо за помощь.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
16.02.2020, 11:15
Помогаю со студенческими работами здесь

Не применяются свойства - Uncaught TypeError: Cannot read property 'style' of null
Приветствую всех. document.body.style.backgroundColor = 'red'; Вот есть код , когда запускаю его , то в консоли пишет Uncaught...

Ошибка с присвоением элементу стиля Cannot read property 'style' of null"
я наверное чего-то о яваскрипт не знаю, но у меня не работает вот этот скриптvar workDone = 15;...

Cannot read property 'style' of null
Здравствуйте! Вашему вниманию код, который работал до того момента как я решил добавить кое-какие скрипты, которые затем удалил. Казалось...

Cannot read property 'style' of null
Нужно менять видимость popup окна. Использую display: flex/none. Первый раз всё отрабатывает нормально, форма появляется, данные вводятся,...

TypeError: Cannot read property 'hasOwnProperty' of null
Я не пойму как устранить следующую ошибку: - заходим на сайт - тыц - переходим на любой пункт меню - жмем кнопку Back в браузере (я...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
10 пpимет, которые всегда сбываются
Maks 31.03.2026
1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .
Перемещение выделенных строк ТЧ из одного документа в другой
Maks 31.03.2026
Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave
DevAlt 30.03.2026
Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru