Почему не работает запрос?

Question

flexboxer @flexboxer

JavaScript

Почему не работает запрос?

document.querySelector('h1').innerHTML = 6;
хочу вызвать некий тег из html, не получается

Вопрос задан более трёх лет назад
110 просмотров

5 комментариев

Подписаться 1 Простой 5 комментариев

Алексей Ярков @yarkov Куратор тега JavaScript

вызвать некий тег

Что сделать?

Написано более трёх лет назад
origami1024 @origami1024

flexboxer, в консоле firefox всё работает, проверил на этой странице

Написано более трёх лет назад

0ffff0 @0ffff0

напиши

window.onload = function(){
document.querySelector('h1').innerHTML = "всё работает"
}

Написано более трёх лет назад

flexboxer @flexboxer Автор вопроса

origami1024, может реально от браузера зависеть?

Написано более трёх лет назад
flexboxer @flexboxer Автор вопроса

0ffff0, так то понятно что работает, хотелось бы без дополнительных обертываний функциями))

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Нетология

Fullstack-разработчик на Python + нейросети

20 месяцев

Далее
Skillfactory

Профессия Веб-разработчик

12 месяцев

Далее
Яндекс Практикум

Фронтенд-разработчик

10 месяцев

Далее

Решения вопроса 2

13 комментариев

flexboxer @flexboxer Автор вопроса

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

Uncaught TypeError: Cannot set property 'innerHTML' of null
at VM297 main.js:43

вот такое в консоле появляется

Написано более трёх лет назад
Sashqa @Sashqa
document.addEventListener('DOMContentLoaded', function() { document.querySelector('h1').innerHTML = 6; });

У вас скрипт выполняется до того, как элемент h1 существует.
Либо используйте то, что я выше написал, либо перенесите вызов скрипта в самый низ body
flexboxer,
Написано более трёх лет назад
flexboxer @flexboxer Автор вопроса

Sashqa, понял вас,то есть писать скрипт к каждому элементу не в отдельном js файле,а внутри общего документа index.html?

Написано более трёх лет назад
Sashqa @Sashqa

flexboxer, нет. Сейчас вы где подключаете свой файл со скриптом? в теге <head>?

Написано более трёх лет назад
flexboxer @flexboxer Автор вопроса

Sashqa,просто хотелось бы узнать как можно в отдельном файле js писaть код,не обертывая в function)

Написано более трёх лет назад

Sashqa @Sashqa

flexboxer, я вам выше написал

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <h1>hello</h1>
  <script type="text/javascript" src="./index.js"></script>
</body>
</html>

Вот такая верстка отличается от такой

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script type="text/javascript" src="./index.js"></script>
</head>
<body>
  <h1></h1>
</body>
</html>

Написано более трёх лет назад

Sashqa @Sashqa

В первом случае скрипт отработает после загрузки DOM
Во втором случае скрипт отработает до загрузки DOM

Написано более трёх лет назад
flexboxer @flexboxer Автор вопроса

Sashqa, и в хед и в боди, и другие функции работают,только эта не пашет

Написано более трёх лет назад
Sashqa @Sashqa

flexboxer,
В данном конкретном случае, если вы добавляете тег script в head
вы пытаетесь обратиться к элементу, КОТОРЫЙ ЕЩЕ НЕ СУЩЕСТВУЕТ

Написано более трёх лет назад
flexboxer @flexboxer Автор вопроса

Sashqa, у меня путь к файлу js в head где и стили

Написано более трёх лет назад
Sashqa @Sashqa

flexboxer, удалите его оттуда и поставьте перед </body>

Написано более трёх лет назад
flexboxer @flexboxer Автор вопроса

Sashqa, ааа все понял )))xddd

Написано более трёх лет назад
Sashqa @Sashqa

flexboxer, если мой ответ помог - отметьте его решением

Написано более трёх лет назад

15 комментариев

flexboxer @flexboxer Автор вопроса

вот вот это я прочитал в инете,но понять не могу, смотрю урок в ютубе у него все работает,а у меня нет почему-то

Написано более трёх лет назад
Алексей Ярков @yarkov Куратор тега JavaScript

flexboxer,
смотрю урок в ютубе у него все работает

Ну а нам что сделать? Угадать какой урок включить и воспроизвести код? Может вы уже песочницу сделаете и код приведете?

Написано более трёх лет назад
flexboxer @flexboxer Автор вопроса

Алексей Ярков, snippet
Вот дружище)

Написано более трёх лет назад
Алексей Ярков @yarkov Куратор тега JavaScript

flexboxer, вот как надо, дружище ))

Написано более трёх лет назад
flexboxer @flexboxer Автор вопроса

Алексей Ярков, да это то понятно, можно и так , но ккак я уже гоорил хотелось бы как на том видео, или как я привел в своем посте)

Написано более трёх лет назад
Алексей Ярков @yarkov Куратор тега JavaScript

flexboxer, не вижу проблем

Написано более трёх лет назад
Алексей Ярков @yarkov Куратор тега JavaScript

flexboxer, по дефолту скрипт в секции head прописывается

Написано более трёх лет назад
flexboxer @flexboxer Автор вопроса

Алексей Ярков, шикарно (thumb) ,как теперь это у себя в sublime text настроить так же?))

Написано более трёх лет назад
Алексей Ярков @yarkov Куратор тега JavaScript

flexboxer, *рукалицо*
Подключить JS код в конце секции body же )) Ну или как я показал.

Написано более трёх лет назад
Sashqa @Sashqa

Алексей Ярков, Это бесполезно :)

Написано более трёх лет назад
flexboxer @flexboxer Автор вопроса

Алексей Ярков, это я понял, так то работает, но мне нужно чтобы аккуратно в отдельном js файле

Написано более трёх лет назад

Алексей Ярков @yarkov Куратор тега JavaScript

flexboxer, японский бог...
index.html

<html>
<head>
        <!-- Тут JS не пиши -->
</head>
<body>
        <h1>Я не хочу думать!!!</h1>
        <script src="./mega-script.js"/><!-- А тут JS пиши -->
</body>
</html>

mega-script.js

document.querySelector('h1').innerHTML = 'Я ВООБЩЕ не хочу думать!';

Написано более трёх лет назад

flexboxer @flexboxer Автор вопроса

Алексей Ярков, ахахахах спасибо спасибо дружище, понял наконец, я просто новичок)))

Написано более трёх лет назад
Алексей Ярков @yarkov Куратор тега JavaScript

flexboxer, ну слава Асгарду =)

Написано более трёх лет назад
Алексей Ярков @yarkov Куратор тега JavaScript

flexboxer, кнопочка Отметить решением здесь лучшая благодарность.

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

Простой
В цикле for много кнопок как сделать .addEventListener('click', к каждой кнопке?
- 1 подписчик
- 16 нояб.
- 206 просмотров
3

ответа
JavaScript

+2 ещё

Простой
Как получить события VK.VideoPlayer используя JS?
- 1 подписчик
- 11 нояб.
- 128 просмотров
1

ответ
JavaScript

+1 ещё

Сложный
Почему зависает виджет в OBS?
- 1 подписчик
- 10 нояб.
- 168 просмотров
0

ответов
JavaScript

Простой
Смещение группы в fabric.js?
- 1 подписчик
- 06 нояб.
- 133 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Как сделать горизонтальный скролл стрелками?
- 1 подписчик
- 05 нояб.
- 237 просмотров
1

ответ
JavaScript

Простой
Как создать рисунок из PHP в Fabric.js?
- 2 подписчика
- 28 окт.
- 175 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Какой скрипт загружает меню в Ютуб?
- 2 подписчика
- 27 окт.
- 299 просмотров
2

ответа
JavaScript

Простой
Как работать с разрозненными данными?
- 1 подписчик
- 21 окт.
- 255 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Неправильно работает crypto.subtle.deriveKey в Firefox, баг или мой косяк?
- 2 подписчика
- 16 окт.
- 154 просмотра
0

ответов
JavaScript

Простой
Как подгружать xml с перерисовкой таблицы?
- 3 подписчика
- 14 окт.
- 211 просмотров
1

ответ
Показать ещё Загружается…

Fullstack Разработчик (Next.js / JavaScript / TypeScript)

App Company

от 200 000 до 300 000 ₽

Web-разработчик/WordPress программист (Full-stack)

JustBusiness • Санкт-Петербург

от 130 000 до 150 000 ₽

React разработчик

ITK academy • Нижний Новгород

от 50 000 до 90 000 ₽

flexboxer, в консоле firefox всё работает, проверил на этой странице
напиши
window.onload = function(){ document.querySelector('h1').innerHTML = "всё работает" }
origami1024, может реально от браузера зависеть?
0ffff0, так то понятно что работает, хотелось бы без дополнительных обертываний функциями))

Answer 1 · 2019-10-23 15:35:41

document.querySelector('h1') - обращение к элементу
.innerHTML = 6; - вставляет цифру 6

Что конкретно вы пытаетесь сделать? И что именно не получается?

Answer 2 · 2019-10-23 15:36:17

Алексей Ярков @yarkov Куратор тега JavaScript

Помог ответ? Отметь решением.

Видимо код вызывается ДО того как тег появится в DOM

Ответ написан более трёх лет назад

15 комментариев

Почему не работает запрос?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт