Вы уже знаете один из способов работы с атрибутами тегов, однако есть альтернативный вариант - с помощью методов:
- getAttribute;
- setAttribute;
- removeAttribute;
- hasAttribute;
Разберемся с ними более подробно.
Пожалуйста, напишите в комментариях, какой информации вам не хватило в данном уроке.
Метод getAttribute
Метод getAttribute считывает значение указанного атрибута (и атрибут class тут уже не будет исключением).
Получим value для input с помощью getAttribute:
Метод setAttribute
setAttribute - записывает новое значение в атрибут.
Запишем новое значение 'www' в атрибут value:
Метод removeAttribute
removeAttribute удаляет атрибут совсем.
Удалим атрибут value:
Метод hasAttribute
hasAttribute проверяет наличие или отсутствие атрибута у свойства.
Проверим наличие атрибута value у нашего свойства:
Работа с формами
Можно получить все HTML формы на странице через document.forms. В результате мы получим массив форм, как будто он был получен с помощью getElementsByTagName (точнее это будет не массив, а псевдомассив (или коллекция) свойств).
1. Можно обратится к любой форме по номеру в массиве:
2. Можно перебрать через for. Как в примере:
Попробуйте запомнить этот код и написать его по памяти. Это поможет в дальнейшем при необходимости вспомнить эту информацию.