Атрибут 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 для дополнительной обработки.