Как решить ошибку Uncaught TypeError: Cannot read properties of null (reading ‘insertAdjacentHTML’)?

Ошибка "Uncaught TypeError: Cannot read properties of null (reading 'insertAdjacentHTML')" возникает, когда вы пытаетесь обратиться к свойству объекта, который имеет значение null. В данном случае, свойство insertAdjacentHTML применяется к null, что вызывает ошибку.

Самым распространенным сценарием возникновения этой ошибки является попытка обращения к DOM элементу, который не был найден в документе. Вот несколько способов, как можно исправить эту ошибку:

1. Убедитесь, что элемент с селектором, к которому применяется insertAdjacentHTML, действительно существует в DOM. Проверьте правильность селектора и убедитесь, что элемент загружен на момент выполнения скрипта.

const element = document.getElementById('myElementID');
if (element) {
    element.insertAdjacentHTML('beforeend', 'Новый HTML');
}

2. Если вы работаете с элементом, который может быть или не быть в DOM в момент выполнения скрипта, можно добавить проверку на null перед использованием insertAdjacentHTML.

const element = document.getElementById('myElementID');
if (element !== null) {
    element.insertAdjacentHTML('beforeend', 'Новый HTML');
}

3. Если вы исполняете код после загрузки всего DOM дерева (например, в обработчике события DOMContentLoaded), вероятнее всего, ошибка связана с опечаткой в селекторе или другой проблемой с вашим кодом.

Решение ошибки "Uncaught TypeError: Cannot read properties of null (reading 'insertAdjacentHTML')" сводится к тому, чтобы убедиться, что вы правильно находите элемент в DOM перед тем, как обращаться к его свойствам или методам.