Какова цель добавления «данных» к пользовательскому атрибуту? - PullRequest
0 голосов
/ 25 сентября 2019

Я просмотрел несколько статей, касающихся атрибутов "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>
...