ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

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

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

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

Синтаксис querySelector[H2]

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

Пример querySelector[H2]

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

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

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

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

<rezult></rezult>
2.

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

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

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

rezult.innerHTML = "Отправим текст в тег rezult";
Результат:
Посмотреть пример и скачать можно по ниже идущей ссылке

Скрипт № 57.1
Название скрипта и номер :querySelector простой пример использования
Пример - querySelector простой пример использования
Скачать - архив
Все скрипты на одной страницеС вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:
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