"Зарезервированные" атрибуты (dataset)



Все атрибуты, начинающиеся с префикса «data-», зарезервированы для использования программистами. Они доступны в свойстве dataset.



Например, если у elem есть атрибут "data-about", то обратиться к нему можно как elem.dataset.about.



Атрибуты, состоящие из нескольких слов, к примеру data-order-state, становятся свойствами, записанными с помощью верблюжьей нотации (CamelCase): dataset.orderState.



См. переписанный пример «состояния заказа» на картинке выше.



Использование data-* атрибутов – валидный, безопасный способ передачи пользовательских данных.



#браузер #документ #атрибуты_свойств