Невозможно вызвать обработчик события для события 'DOMContentLoaded' - PullRequest
Новая
       32

Невозможно вызвать обработчик события для события 'DOMContentLoaded'

0 голосов
/ 01 мая 2018

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

  var div = document.querySelector('#red');
        document.addEventListener('DOMContentLoaded',function (){
        console.log('event triggered...');
        });

Вывод отображается правильно, когда я использую код ниже. Не могли бы вы объяснить мне причину такого поведения? 

var div = document.querySelector('#red');

window.addEventListener('load',function (){
console.log('event triggered...');
});

Мой простой HTML: 

<html>
    <head>
        <title>enlitle</title>
    <link href='styleSheet.css' type='text/css' rel='stylesheet' id='linkElement' /> 

    <script async type='text/javascript' src='scripts.js'></script>
    </head>

    <body>
    <div id='blue'>
            <div id='red'>
            </div>
    </div>
 </body>
</html>
...