Не найдено

Выборка элементов страницы в JavaScript

Опубликовано: 07.10.2017

видео Выборка элементов страницы в JavaScript

Урок 2. Javascript. Основы js, работа с HTML элементами, DOM

Всем доброго понедельника.

Статья, показывающая работу со свойствами элемента посредством JavaScript, должна была показать (я надаюсь на это) всю лёгкость манипулирования стилями. Там же говорилось о том, что стили применяются к конкретному элементу. А как его получить?



В JS существует несколько медотов, с помощью которых программисту предоставляется возможность получать выборки элементов. Речь идёт о группах getElement* и querySelector*.

Браузеры предоставляют следующие методы:

getElementById — выборка одного элемента по его идентификатору (атрибут id); getElementsByClassName — поиск элементов по имени класса (атрибут class); getElementsByName — возвращает все элементы с указанным именем (атрибут name); getElementsByTagName — поиск группы элементов по тегу (названию); querySelector — выборка первого элемента по селекторам (имеются ввиду CSS селекторы); querySelectorAll — похоже на предыдущий, но возвращает все элементы, попадающие под условие.

Прежде всего, условимся с html кодом, на примере которого будем отрабатывать навыки. Это будет небольшая матрёшка из контейнеров div.


Вебинар «Выбор и поиск элементов на странице с помощью jQuery»

<div id="go" class="da"> <div name="none" class="one da">one <div class="two da">two</div> </div> <div class="three da">three</div> </div>

getElementById

Самый простой метод, знакомый, пожалуй, каждому. Для получения ссылки на элемент достаточно выполнить простой запрос:


jQuery. Урок 27. Перебор элементов страницы jQuery.each

var elem = document.getElementById('go');

После этого elem будет содержать ссылку на элемент с идентификатором #go (у нас это <div id="go"> ). Теперь можно совершать различные манипуляции, например, изменить цвет на красный:

elem.style.color = '#FF0000';

Важно! Атрибут id должен быть уникальным для всей страницы. Если вы решите присвоить двум элементам одинаковый идентификатор, фунция всё равно вернёт 1 элемент. Какой? Зависит от многих факторов. Ключевой момент — вы не можете быть уверены, что получите определённый объект. Поэтому примите за правило: id обязан быть уникальным.

IRC (Internet Relay Chat)
    Антивирус Доктор Веб скачать бесплатно на 1 год без регистрации 2016
      Подробности Опубликовано 04.02.2016 01:09 Просмотров: 80630 Антивирус Доктор Веб 2016 - несомненно качественная и надёжная антивирусная программа отечественного производства. Включает в

    Comodo Free Antivirus для Mac | Лучшая Антивирусная защита для Mac
    Почему именно Comodo Antivirus для компьютеров Mac? Были времена, когда компьютеры Mac считались неуязвимыми. К сожалению, на сегодняшний день это не так. Количество вирусов под Mac

    AVZ - восстановление системных настроек и удаление вирусов
    Отличная программа для удаления вирусов и восстановления системы - AVZ (Антивирус Зайцева). Скачать AVZ вы можете нажав по оранжевой кнопке после генерации ссылок. Основные возможности AVZ - обнаружение

    Лучший антивирус для Windows 10
    Немецкая компания AV-Test регулярно проводит тесты антивирусных программ и на их основе дает рекомендации домашним пользователям. Не так давно лабораторией были опубликованы результаты тестов антивирусов

    NANO Антивирус Pro
      Обнаружение всех типов вредоносных программ Существует множество различных типов вредоносных программ. Они различаются способами распространения, особенностями их вредоносных действий, методиками

    Mobile-review.com Софт-парад от Билайн
    Тема материала — только что появившийся бесплатный антивирус от Билайн и его же полностью переработанное «фирменное» приложение «Мой Билайн». Удачно совпали по времени два события. Антивирус для нас с

    Нет доступа к сети - блокирует Брандмауэр или антивирус, Windows 7, Windows XP, Windows 8, Google Chrome, что делать
    Если интернет не работает, и нет возможности вызвать специалиста срочно, вы можете попытаться наладить настройки самостоятельно, воспользовавшись нашей статьёй. Совет: прежде чем искать методы решения

    Надо ли устанавливать антивирус на телевизор с смарт тв
            [Ответить] [Отменить ответ].Может ли телевизор со Смарт ТВ заменить телевизор с приставкой, кабельным и спутниковым ТВ? 5. Статьи о смарт тв (smart tv). Как установить флеш-плеер на телевизор

    9 способов проверить компьютер на вирусы онлайн
    Прежде чем переходить к тому как проверить компьютер на вирусы онлайн, рекомендую прочесть немного теории. Прежде всего, выполнить полностью онлайн проверку системы на вирусы нельзя. Можно проверить

    Dr.Web CureIt! скачать бесплатно
    Dr.Web CureIt! - программа для бесплатного лечения компьютера от вирусов. Dr.Web CureIt - лечащий антивирусный сканер, который создан на основе антивирусного ядра Dr.Web Scanning Engine.

rss