Ошибка "Uncaught TypeError: Cannot read properties of null (reading 'insertAdjacentHTML')" возникает, когда вы пытаетесь обратиться к свойству объекта, который имеет значение null
. В данном случае, свойство insertAdjacentHTML
применяется к null
, что вызывает ошибку.
Самым распространенным сценарием возникновения этой ошибки является попытка обращения к DOM элементу, который не был найден в документе. Вот несколько способов, как можно исправить эту ошибку:
- Убедитесь, что элемент с селектором, к которому применяется
insertAdjacentHTML
, действительно существует в DOM. Проверьте правильность селектора и убедитесь, что элемент загружен на момент выполнения скрипта.
const element = document.getElementById('myElementID'); if (element) { element.insertAdjacentHTML('beforeend', 'Новый HTML'); }
- Если вы работаете с элементом, который может быть или не быть в DOM в момент выполнения скрипта, можно добавить проверку на
null
перед использованиемinsertAdjacentHTML
.
const element = document.getElementById('myElementID'); if (element !== null) { element.insertAdjacentHTML('beforeend', 'Новый HTML'); }
- Если вы исполняете код после загрузки всего DOM дерева (например, в обработчике события
DOMContentLoaded
), вероятнее всего, ошибка связана с опечаткой в селекторе или другой проблемой с вашим кодом.
Решение ошибки "Uncaught TypeError: Cannot read properties of null (reading 'insertAdjacentHTML')" сводится к тому, чтобы убедиться, что вы правильно находите элемент в DOM перед тем, как обращаться к его свойствам или методам.