Javascript Невозможно прочитать свойство addEventListener для нулевых ошибок - PullRequest
Новая
       64

Javascript Невозможно прочитать свойство addEventListener для нулевых ошибок

0 голосов
/ 08 мая 2020

У меня проблема в том, что при выполнении сценария появляется сообщение об ошибке:

Невозможно прочитать свойство addEventListener из null

Мой JavaScript код: 

var bghtooltipin  = document.getElementById('bgh-tooltipin1');
var bghtooltipout = document.getElementById('bgh-tooltipout1');
bghtooltipin.addEventListener('mouseover', mouseOver);
bghtooltipin.addEventListener('mouseout', mouseOut);

Я просмотрел множество советов по устранению неполадок, но не нашел ничего, что могло бы решить мою проблему.

Ответы [ 2 ]

1 голос
/ 08 мая 2020

Cannot read property addEventListener of null произойдет, когда вы попытаетесь получить доступ к этому свойству null. Ошибка просто означает, что, если вы делаете это: 

myElement.addEventListener("click", function () {
    //some code
});

, тогда myElement не определяется так, как вы думаете. Без кода я больше не могу помочь, но мой лучший совет - go туда, где вы определяете myElement. Скорее всего, в этой строке что-то не так.

0 голосов
/ 08 мая 2020

Вы должны написать свой javascript в конце тела или инициализировать его с помощью DOMContentLoaded. Проблема в вас, документ не завершен в тот момент, когда вы пытаетесь выбрать свой элемент. 

<script>
document.addEventListener('DOMContentLoaded', function() {
    document.querySelector('#elem').addEventListener('click', function() { this.innerText += '!'; });
});
</script>

<button id="elem">Click me</button>
...