Какие атрибуты и свойства могут использоваться для прямой адресации дом -элементов html в js

Для прямой адресации HTML-элементов в JavaScript используются несколько ключевых атрибутов и свойств:

1. id
• Атрибут HTML: id="elementId".
• Доступ в JavaScript: document.getElementById("elementId").
• Гарантирует уникальность на странице и используется для прямого обращения к элементу.
2. class
• Атрибут HTML: class="className".
• Доступ в JavaScript: document.getElementsByClassName("className").
• Может быть не уникальным и возвращает коллекцию элементов.
3. name
• Атрибут HTML: name="elementName" (чаще всего у элементов формы).
• Доступ в JavaScript: document.getElementsByName("elementName").
• Может использоваться для доступа к полям формы и другим элементам с одинаковым именем.
4. Селекторы CSS (querySelector, querySelectorAll)
• Доступ в JavaScript: document.querySelector(".className") или document.querySelectorAll(".className").
• Позволяют находить элементы по любому CSS-селектору: тег, класс, id, атрибут, псевдокласс и т. д.
5. tagName
• Атрибут HTML: <tagName>.
• Доступ в JavaScript: document.getElementsByTagName("tagName").
• Используется для поиска всех элементов определённого тега, например, всех div на странице.
6. Атрибуты data-*
• Атрибут HTML: data-custom="value".
• Доступ в JavaScript: element.dataset.custom.
• Используется для хранения пользовательских данных, привязанных к элементу.
7. Атрибуты aria-*
• Атрибут HTML: aria-label="labelName".
• Доступ в JavaScript: element.getAttribute("aria-label").
• Применяется для улучшения доступности и также может использоваться для выборки элементов.

Пример использования

Прямой доступ к элементу возможен по его уникальному id, а доступ к нескольким элементам одного типа можно получить через class, name, tagName и CSS-селекторы.