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

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, так то понятно что работает, хотелось бы без дополнительных обертываний функциями))

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

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

Skillbox

JavaScript

3 месяца

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

Фронтенд-разработчик расширенный

13 месяцев

Далее
Академия Eduson

Fullstack-разработчик на JavaScript

11 месяцев

Далее

Решения вопроса 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

+2 ещё

Средний
Как можно реализовать что то вроде селекта внутри родителя у которого есть скрытые элементы и должна быть горизонтальная прокрутка?
- 1 подписчик
- 11 дек.
- 134 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Как идентифицировать проксированные ошибки?
- 1 подписчик
- 05 дек.
- 128 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать резкое переключение слайдов?
- 1 подписчик
- 03 дек.
- 174 просмотра
0

ответов
JavaScript

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

ответ
JavaScript

+2 ещё

Простой
Элемент стилизации на js, как сделать чтобы не было резкой смены картинки фона?
- 1 подписчик
- 27 нояб.
- 218 просмотров
1

ответ
JavaScript

Простой
Переход по ссылке с параметром на конкретный узел в vis.js?
- 1 подписчик
- 24 нояб.
- 119 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как сделать сложную виртуализацию?
- 1 подписчик
- 22 нояб.
- 291 просмотр
2

ответа
JavaScript

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

ответа
JavaScript

+2 ещё

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

ответ
JavaScript

+1 ещё

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

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

Fullstack JavaScript разработчик

MakeDifference

от 60 000 до 110 000 ₽

Frontend-разработчик (Vanilla JS, high-load media platform)

Karma8

от 200 000 до 300 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 комментариев

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

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

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

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