Я просмотрел несколько статей, касающихся атрибутов "data- *".Я не могу найти объяснение того, как добавление «data-» перед именем настраиваемого атрибута отличает его от других атрибутов.Я все еще могу получить доступ, стилизовать и манипулировать данными.Что дает добавление «data-»?
function showThis(animal) {
alert(animal.getAttribute("data-animal-type"));
}
function showThat(animal) {
alert(animal.getAttribute("animal-type"));
}
<ul>
<li onclick="showThis(this)" data-animal-type="bird">Owl</li>
<li onclick="showThat(this)" animal-type="fish">Salmon</li>
</ul>