ссылка на внешний файл javascript внутри тега head не работает - PullRequest
0 голосов
/ 21 апреля 2020

Я связал свой скрипт. js файл с моим индексом. html файл, и оба файла находятся в одном каталоге. Я связал этот скрипт. js файл в разделе, но он не работает, когда я открываю консоль, он показывает

script.js:2 Uncaught TypeError: Cannot read property 'getElementsByTagName' of null

, но всякий раз, когда я связываю этот файл в последней части раздела идеально Даже помещение этого файла в первый раздел также не работает.

inde. html:

<!DOCTYPE html>
<html lang="en">

<head>
    <script src="script.js"></script>
    <meta charset="UTF-8">
    <title>Sample</title>
</head>

<body>

    <p id="name">
        <span>john</span>
    </p>

</body>

</html> 

script. js:

var result = document.getElementById("name");
var final = result.getElementsByTagName("span");
console.log(final);

1 Ответ

0 голосов
/ 21 апреля 2020

Сценарии могут go в голове, пока логика c, которая пытается найти элементы в DOM, происходит после загрузки DOM.

Как указано в дубликате, использование готовый документ или обработчик события загрузки в окне позволяет помещать любой лог c в заголовок, не беспокоясь о загрузке DOM, поскольку они задерживают выполнение лог c до тех пор, пока DOM не будет загружен.

Спасибо @ taplar

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...