queryselector работает в консоли, но не работает в. js файле - PullRequest
0 голосов
/ 08 марта 2020

Я хотел добавить элемент абзаца в файл html, и мне это удалось. Но я просто хотел попробовать по-другому. И я нашел способ добавить элемент p на странице.

Этот код взят из stackoverflow.

<script type="text/javascript">
window.onload = function() {
var para = document.createElement('p');
para.innerHTML = '';
document.body.appendChild(para);
};
</script>

С помощью этого внутреннего сценария успешно добавлен элемент p.

И я добавил внешний скрипт с атрибутом defer, и внутри него ввел эти коды.

const para = document.querySelector('p'); para.textContent = 'hi';

, но он не работает . в инструменте отладки он говорит: «Невозможно установить свойство« textContent »для null».

Итак, я проверил в консоли,

const check = document.body.querySelector('p'); check.textContent = 'hi';

это работает очень хорошо ..

Я просто подумал

when I load my HTML,   
1st : load internal js file - make <p>. 2nd : parse whole HTML codes.   
3rd : load external js file - manipulate <p>. and it will work well.

Итак, это мои вопросы.

  1. Почему «пара» константа не делает » не может быть сделано в. js файле?
  2. в чем разница с запущенной консолью и исходным файлом в этом случае?
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...