id

Атрибут id глобальный атрибут определяет идентификатор (ID), который должен быть уникальным во всем документе.

Атрибут ID предназначен для идентификации отдельного элемента при создании ссылок (используя фрагмент идентификатора), сценариях или стилях (с помощью CSS).

Элементы с атрибутами ID доступны в качестве глобальных свойств. Имя свойства — это атрибут ID, а значение свойства — это элемент. Например, для разметки:

<p id="preamble"></p>

В JavaScript можно получить доступ к элементу абзаца с помощью кода:

const content = window.preamble.textContent;

Значение атрибута ID не должно содержать символов пробелов ASCII. Браузеры обрабатывают несоответствующие ID, содержащие пробелы, как если бы пробелы были частью ID. В отличие от атрибута class, который допускает значения, разделенные пробелами, элементы могут иметь только одно значение ID.

Технически, значение атрибута ID может содержать любые другие символы Unicode. Однако при использовании в селекторах CSS, либо из JavaScript с помощью API, таких как Document.querySelector(), или в стиле CSS, значения атрибута ID должны быть допустимыми идентификаторами CSS. Это означает, что если значение атрибута ID не является допустимым идентификатором CSS (например, my?id или 1234) , то оно должно быть экранировано перед использованием в селекторе, либо с помощью метода CSS.escape(), либо вручную.

По этой причине рекомендуется использовать значения атрибутов ID, которые являются допустимыми идентификаторами CSS и не требуют экранирования.

Кроме того, не все допустимые значения атрибута ID являются допустимыми идентификаторами JavaScript. Например, 1234 является допустимым значением атрибута, но не допустимым идентификатором JavaScript. Это означает, что значение не является допустимым именем переменной, поэтому вы не можете получить доступ к элементу с помощью кода, например, window.1234. Однако, вы можете получить к нему доступ с помощью window["1234"].

• Все глобальные атрибуты.
• Element.id , который отражает этот атрибут.
• Метод Document.getElementById.
• CSS селекторы ID.