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

Uncaught TypeError: Cannot read property 'insertBefore' of null

12.09.2020, 18:37. Показов 1887. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
JS:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
let map = [
    [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
    [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
    [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
    [0,0,0,0,0,0,0,1,0,0,0,0,0,0],
    [0,0,0,0,0,0,1,0,1,0,0,0,0,0],
    [0,0,0,0,0,0,0,1,0,0,0,0,0,0],
    [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
];
 
var value = 14; // макс. символов в массиве
var size = 128; // размер изо.
var simvol = '1'; // определительный символ
 
var brutex = 0; // перебор масива по x
var brutey = 0; // перебор масива по y
var x = 0;
var y = 0;
 
 
console.log(map, map.length);
 
function finds() { // основ. функция.
  console.log('start');
  for(brutex; brutex-1 < value; brutex++) { // начало перебора
    console.log('check ' + brutex + ' ' + brutey);
    if(brutex <= value){
      if(map[brutey][brutex] == simvol) { // проверка по определительному символу
        console.log('spawn');
        x = brutex * size;
        y = brutey * size;
        var object = document.createElement('a'); // создание object
        style = object.style;
        style.position = 'absolute';
        style.backgroundImage = "url('img/gen.png')";
        style.width = size+'px';
        style.height = size+'px';
        style.left = x+ 'px';
        style.top = y+ 'px';
        document.body.insertBefore(object, main); // отображения object ТУТ ОШИБКА(Uncaught TypeError: Cannot read property 'insertBefore' of null)
      } else {console.log('Error');} // если определительный символ не найден
    }
    if(brutex == value) { // переход на следующую строчку перебора массива
      brutey++;
      brutex = 0; // обнуления строки перебора по x
      finds(); // вызов основ. функции.
    }
  }
}
finds(); // вызов основ. функции.
HTML:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang=ru dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>123</title>
  </head>
 
  <script src="script/script.js"></script>
  <link rel="stylesheet" href="style/style.css">
  <body>
 
    <a id="main"></a>
 
  </body>
</html>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
12.09.2020, 18:37
Ответы с готовыми решениями:

Uncaught TypeError: Cannot read property 'getElementsByTagName' of null
как вылечить такую ошибку? Uncaught TypeError: Cannot read property 'getElementsByTagName' of null

Uncaught TypeError: Cannot read property 'addEventListener' of null
В чем ошибка и как исправить?

Выдает ошибку Uncaught TypeError: Cannot read property 'appendChild' of null at HTMLButtonElement.addDeveloper
Как победить ошибку Uncaught TypeError: Cannot read property 'appendChild' of null at HTMLButtonElement.addDeveloper. ...

1
365 / 124 / 22
Регистрация: 08.01.2015
Сообщений: 1,418
Записей в блоге: 2
12.09.2020, 22:35
sKOTs, строчку
Цитата Сообщение от sKOTs Посмотреть сообщение
<a id="main"></a>
нужно поместить выше скрипта. Ну, или сам скрипт - ниже. Иначе он не узнает о ней и не сможет сделать вставку ссылки.

Вот так будет кроссбраузерно:
JavaScript
1
  document.getElementById('main').insertAdjacentHTML('beforebegin', object.outerHTML);
Добавлено через 4 минуты

Не по теме:

На всякий случай: рекурсию использовать крайне не рекомендую, особенно в подобных случаях с многомерными массивами. Два цикла будут быстрее работать и менее затратно.

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
12.09.2020, 22:35
Помогаю со студенческими работами здесь

Uncaught TypeError: Cannot read property 'length' of undefined at js.js:35
пожалуйста помогите исправить ошибку var voprosy = , otvet: }, {vopros: 'Столица Италии?', otvety: , otvet: }, ...

Uncaught TypeError: Cannot read property 'left' of undefined
как исправить данную ошибку? и из за чего она может появляться? search.js:69 Uncaught TypeError: Cannot read property 'left' of...

Не работает скрипт (Uncaught TypeError: Can not set property 'onclick' of null)
Всем привет. есть скрипт на JS (простое прокрутки фоток назад и вперед. Вот мой код html &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD...

При срабатывании setTimeout вылазит ошибка "TypeError: Cannot read property 'style' of null"
При срабатывании setTimeout где-то на 10-11 ходу вылазит ошибка &quot;TypeError: Cannot read property 'style' of null&quot; Довольно долго...

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


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru