Как возникает ошибка Uncaught TypeError: невозможно установить свойства null в getElementById()?
“ Uncaught TypeError: невозможно установить свойства null в getElementById() ” может возникнуть по следующим причинам:
Пример 1. Возникновение Uncaught TypeError: невозможно установить свойства null в getElementById() из-за предварительного доступа к элементу.
В этом примере будет рассмотрена ошибка, возникшая из-за доступа к конкретному элементу до его указания:
< сценарий >
документ. получитьэлементбиид ( 'главный' ) . внутреннийHTML знак равно «Контент JavaScript» ;
сценарий >
< центр >< тело >
< идентификатор h2 знак равно 'главный' > Веб-сайт Linuxhint h2 >
тело > центр >
Примените следующие шаги, как указано в приведенных выше строках кода:
- Во-первых, включите блок кода JavaScript в « <скрипт> ' тег.
- Здесь получите доступ к элементу, соответствующему указанному « я бы ' с использованием ' получитьэлемент по идентификатору() метод.
- Также примените « внутреннийHTML », чтобы обновить содержимое элемента, к которому осуществляется доступ.
- В HTML-коде внутри « <тело> », включите заголовок с указанным « я бы ».
- При выполнении кода ошибка типа « Невозможно установить свойства null в getElementById() ' произойдет. Это связано с тем, что элемент « ” доступен еще до того, как он был указан.
Вывод
В приведенном выше выводе видно, что указанная ошибка отображается из-за предварительного доступа к элементу.
Решение
Обнаруженная выше ошибка в этом случае может быть устранена путем упорядочивания кода таким образом, чтобы элемент был указан до того, как к нему будет осуществлен доступ.
Следующий пример иллюстрирует изложенную концепцию:
< центр >< тело >< идентификатор h2 знак равно 'главный' > Веб-сайт Linuxhint h2 >
тело > центр >
< сценарий >
документ. получитьэлементбиид ( 'главный' ) . внутреннийHTML знак равно «Контент JavaScript» ;
сценарий >
Приведенный выше код идентичен предыдущему коду с изменением размещения кодовых блоков. Это так, что « » указывается до того, как к нему будет осуществлен доступ в коде JavaScript.
Вывод
Как видно, обнаруженная ошибка устранена, а обновленный контент через « внутреннийHTML ” отображается свойство.
Пример 2. Возникновение Uncaught TypeError: невозможно установить свойства null в getElementById() из-за неправильного доступа к идентификатору.
С указанной ошибкой также можно столкнуться при неправильном доступе к идентификатору.
Давайте рассмотрим приведенный ниже пример:
< идентификатор бегущей строки знак равно 'за' > Ява шатер >< тип сценария знак равно 'текст/javascript' >
документ. получитьэлементбиид ( '#за' ) . внутренний текст знак равно 'Сценарий' ;
сценарий >
В приведенном выше фрагменте кода:
- Включите « <шаг> » элемент, имеющий указание « я бы ” и текстовое значение.
- В части кода JS получите доступ к включенному элементу на предыдущем шаге, используя « получитьэлемент по идентификатору() метод.
- “ я бы ” здесь некорректен, учитывая метод доступа к конкретному элементу.
- Здесь « внутренний текст ” отображает указанное текстовое значение.
Вывод
В этом выводе можно убедиться, что примененное свойство не повлияло на элемент из-за неправильного формата идентификатора.
Решение
Упомянутая ошибка в этом конкретном сценарии может быть решена путем правильного указания идентификатора при доступе к элементу:
< идентификатор бегущей строки знак равно 'за' > Ява шатер >< тип сценария знак равно 'текст/javascript' >
документ. получитьэлементбиид ( 'за' ) . внутренний текст знак равно 'Сценарий' ;
сценарий >
Выполните указанные ниже шаги, как указано в приведенном выше коде:
- Включите « <шаг> » элемент, имеющий заданный « я бы ».
- Во фрагменте кода JavaScript получите доступ к элементу на предыдущем шаге, указав « я бы ' правильно через ' получитьэлемент по идентификатору() метод.
- Наконец, примените « внутренний текст ” и отображать заявленное текстовое содержимое, которое в этом случае будет обновляться.
Вывод
В приведенном выше выводе можно визуализировать, что отображается обновленное текстовое содержимое.
Заключение
“ Uncaught TypeError: невозможно установить свойства null в getElementById() ” в JavaScript можно разрешить, указав элемент перед доступом к нему или указав идентификатор в правильном формате. После этого соответствующие функции могут быть выполнены в обоих случаях. В этом блоге рассказывается об устранении ошибки Uncaught TypeError: невозможно установить свойства null в getElementById() в JavaScript.