Cannot read property 'addEventListener' of null

[join]

Привет. Решение наверняка было, не могу найти сам.

Вопрос:

function getId(id){return document.getElementById(id)};
function cb(){
	console.log( 'end' )
}
getId('lesson').addEventListener('transitionend', cb);

/*
Error: Uncaught TypeError: Cannot read property 'addEventListener' of null
    at HTMLDocument.<anonymous>
*/

На странице отсутствует тег с id="lesson".
Как избавится красиво от этой ошибки?

[laimas]

Устанавливать обработчик по окончании загрузки документа.

[рони]

join,

function getId(id){return document.getElementById(id)/*||document.createElement('div')*/|| {addEventListener: _=>_} };

[SuperZen]

делегирование
https://stackoverflow.com/questions/...child-elements

[join]

function getId(id){return document.getElementById(id) || {addEventListener: _=>_} };

рони, что делает этот код?

[join]

Устанавливать обработчик по окончании загрузки документа.

вроде работает через "load".
спасибо

[рони]

что делает этот код?

избавляет от ошибки
возможно вам нужно было сформулировать вопрос иначе, не как избавится от ошибки, а как сделать код рабочим.