JS работа с элементами DOM
DOM - структура HTML документа.
Методы выбора элементов DOM в HTML.
Выбор элемента с помощью getElement* по id:
document.getElementById(id);
Например для выбора элемента с id="elm1":
document.getElementById('elm1');
Выбор элементов с помощью getElements*
Выбор по тэгу:
document.getElementsByTagName(tag);
Выбор по названию класса:
document.getElementsByClassName(class);
Выбор по атрибуту:
document.getElementsByName(name);
Выбор элементов с помощью querySelectorAll
document.querySelectorAll(css);
Методы getElements и querySelectorAll возвращают массив данных, который необходимо обрабатывать по элементно при помощи цикла.
Выбор одного элемента с помощью querySelector
document.querySelector(css);
Например:
document.querySelector('a:hover');