Атрибут data-*

Описание

Используется для создания своих атрибутов для хранения произвольной информации.
Имя всегда начинается с data-*, где * это любое имя.

Имена будут преобразовываться в переменные по следующим правилам:
- data- удаляется
- дефис идущий перед буквой удаляется, а буква за ним становится заглавной
- другие буквы остаются неизменными.
Например, атрибут data-date-of-name преобразуется в dateOfName.

Синтаксис

data-*

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<div id='user' data-id='1234567890' data-user='Иван Иванович' data-date-of-birth='11.01.1978'>Человек</div>
<div class='info-user'></div>
<script>
var el = document.getElementById('user'); 
id = el.dataset.id; 
user = el.dataset.user;
 dob = el.dataset.dateOfBirth; 
el.dataset.ban = 'Нет'; 
document.querySelector('.info-user').innerHTML = user + ' and ' + dob + ' and ' + id;
</script>
</body>
</html>
Человек