Совет Как

Атрибут data-*

Атрибут data-* - это атрибут HTML5, позволяющий добавлять дополнительные данные к элементам в HTML. Он может быть очень полезен для организации информации на странице, поскольку его значение может быть использовано для хранения любых данных в формате строки.

Чтобы использовать атрибут data-*, необходимо указать его имя и значение, начинающиеся с "data-", за которым следует произвольное имя, описывающее содержание атрибута (например, data-number="1111").

Если у нас есть атрибут data-number="1111", мы можем получить его значение и вывести в консоль с помощью JavaScript. Для этого используем метод getElementById() для получения элемента с этим атрибутом и метод getAttribute() для получения его значения:

const element = document.getElementById('id');
const number = element.getAttribute('data-number');
console.log(number);

В данном случае "id" должен быть заменен на идентификатор элемента с атрибутом data-number="1111".

Таким образом, мы можем легко использовать атрибут data-* для организации данных на нашей странице и использовать их в JavaScript для дополнительной обработки.