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

Question

flexboxer @flexboxer

JavaScript

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

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

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

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

+1 ещё

Средний
Как поменять маску с 9 цифр до 10 цифр?
- 1 подписчик
- 12 минут назад
- 22 просмотра
0

ответов
JavaScript

+1 ещё

Средний
Как определить инлайн стиль и заменить на соответствующие теги?
- 1 подписчик
- 31 минуту назад
- 21 просмотр
0

ответов
JavaScript

+1 ещё

Простой
Как изменить маску ввода для Тайланда?
- 1 подписчик
- час назад
- 67 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Писал ли кто-то автотесты с помощью Cypress по виджетам на amCharts 5? Можете помочь разъяснить структуру и синтаксис этого дела?
- 1 подписчик
- 13 часов назад
- 22 просмотра
0

ответов
JavaScript

Простой
Как не прекращая цикл пройтись?
- 1 подписчик
- 15 часов назад
- 88 просмотров
0

ответов
JavaScript

Средний
Можно ли прописать формулу расчёта с нефиксированной скидкой?
- 1 подписчик
- 16 часов назад
- 57 просмотров
1

ответ
JavaScript

Простой
Как инициировать скрипт при определенной ширине экрана?
- 1 подписчик
- 19 часов назад
- 51 просмотр
1

ответ
JavaScript

Простой
Как задать тригер onchange при изменении value?
- 1 подписчик
- 20 часов назад
- 60 просмотров
1

ответ
JavaScript

Средний
Как можно менять ::backdrop через JS?
- 1 подписчик
- 21 час назад
- 55 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Не могу понять почему не работает код Apps Script?
- 1 подписчик
- 22 часа назад
- 54 просмотра
0

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

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

div. • Ставрополь

от 40 000 до 90 000 ₽

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

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

Доработка сайта на WP

28 нояб. 2024, в 13:31

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

Создание презентации

28 нояб. 2024, в 13:22

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

Выстроить систему закупок в Telegram

28 нояб. 2024, в 13:00

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

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

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

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

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

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