Форум программистов, компьютерный форум, киберфорум
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. Показов 923. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru