ГЛАВНАЯ | 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 простой пример использования
Скачать - архив
Все скрипты на одной страницеНаписать комментарий.
С вашими куками, что-то не то..., попробуете перезагрузить страницу..