DWWEB.RU
СКРИПТЫ

querySelector простой пример использования

Сегодня у нас тема querySelector. Что это такое, querySelector!? И чем он отличается от других методов.

Чем замечателен querySelector!? Тем, что в отличии от других мы можем через querySelector обратиться и к классу , и к ид, и к тегу! Мне querySelector, в этом смысле нравится больше, за его универсальность!

Синтаксис querySelector

document.querySelector(селектор);

Пример querySelector

Самый простой пример использования querySelector-а:

У нас должно быть, либо тег, либо класс, либо ид

И да.. если тег либо класс, либо ид(вообще ид должен быть уникальным т.е. 1 на странице..)- querySelector будет обращаться к первому на странице...
1.

Давайте будем использовать тег

<rezult></rezult>
2.

Получим в переменную "rezult" содержание тега "rezult"

rezult = document.querySelector('rezult');
3.

Ну и далее, что собственно вы хотите.. можно сделать - например отправить текст в тег "rezult"

rezult.innerHTML = "Отправим текст в тег rezult";
Результат:
Не забудь !
Название скрипта :querySelector простой пример использования
Скрипт № 59.1
Скачать - архив
Все скрипты на одной странице
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:
queryselector document queryselector js queryselector queryselector javascript queryselector click document queryselector click queryselector id js document queryselector content queryselector document queryselector button queryselector data javascript document queryselector cannot read property queryselector of null window document queryselector queryselector style queryselector body queryselector vs getelementbyid js queryselector примеры

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019