Работа с атрибутами
Очень часто бывает необходимо получить те или иные значения элемента к примеру атрибут картинки в виде title или src или что-то другое. получается он такой командой:
alert(this.getAttribute('title'));
Подробная статья по атрибутам
https://learn.javascript.ru/attributes-and-custom-properties
Поиск элементов по атрибутам
Для поиска элементов по атрибуту необходимо перебрать все элементы, к примеру по классу или типу, а дальше проверить элементы по атрибуту.
Атрибуты одного элемента
Все атрибуты собираются в один единственный массив: .attributes, дальше у него есть значения .name и .value
alert(document.getElementsByTagName('div')[0].attributes[0].name);
Перебераем все атрибуты элемента
бывают такие моменты когда необходимо трансформировать HTML код внутри элемента через .innerHTML, но в тоже время необходимо создать дубль элемента с учётом всех его атрибутов.
for (var i=0; ia
{
alert(document.getElementsByTagName('div')[0].attributes[i].name);
alert(document.getElementsByTagName('div')[0].attributes[i].value);
}
Интересные возможности даёт и механизм работы с классами.