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

Question

flexboxer @flexboxer

JavaScript

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

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

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

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

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

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

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

Что сделать?

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

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

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

0ffff0 @0ffff0

напиши

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

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

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

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

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

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

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

Решения вопроса 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,2,3,4. Чтобы можно было потом добавить еще людей?
- 1 подписчик
- 4 часа назад
- 28 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Почему шрифт в JS prompt() белого цвета?
- 1 подписчик
- 6 часов назад
- 39 просмотров
2

ответа
JavaScript

Простой
Выдает ошибку, сам файл не нулл(а ошибка выдается там где подключается жс), как исправить?
- 1 подписчик
- 8 часов назад
- 43 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Пустая страница, ошибок нет. JS. В чем проблема?
- 1 подписчик
- 8 часов назад
- 152 просмотра
1

ответ
JavaScript

Простой
Какой фреймворк использовать для форм JS?
- 1 подписчик
- 8 часов назад
- 50 просмотров
0

ответов
JavaScript

Простой
Почему change срабатывает раньше чем click?
- 1 подписчик
- 9 часов назад
- 61 просмотр
1

ответ
JavaScript

Простой
Как получить metadata аудио на IOS?
- 1 подписчик
- 15 часов назад
- 21 просмотр
0

ответов
JavaScript

+2 ещё

Простой
Как отобразить массив из элементов?
- 1 подписчик
- вчера
- 99 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Неизвестные скрипты на сайте (plupload и moxie). Для чего?
- 1 подписчик
- вчера
- 116 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- вчера
- 90 просмотров
0

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

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

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

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

вАйТи

от 5 000 до 25 000 ₽

Дописать функцию на Flutter, работа с yandex map kit

20 апр. 2024, в 04:18

3000 руб./за проект

Английская версия для сайта на WordPress

20 апр. 2024, в 03:34

8000 руб./за проект

Доработать клиентское приложение для GTA 5 на C#

20 апр. 2024, в 00:51

1000 руб./за проект

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

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

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

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

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