دسترسی به صفت داده ها با جاوا اسکریپت

در HTML 5 امکان ایجاد صفت ها (یا همان attributes) به صورت شخصی سازی شده وجود دارد
برای مثال :

// html

<a href="#" data-length="3m30s" data-category="pop">
wake me up Before You Go-Go
</a>

// JAVASCRIPT

<script type="text/javascript">
//pop
document.querySelector('a').getAttribute('data-category');
</script>

ولی راه بهتری برای انجام دادن این کار وجود دارد :