📚 Reference

• 공식 사이트

🔖 Index

dataset

• data-* 속성은 표준이 아닌 속성이나 추가적인 DOM 속성, Node.setUserData()과 같은 다른 조작을 하지 않고도 의미론적 표준 HTML 요소에 추가 정보를 저장할 수 있도록 해준다.
• 어느 element에나 data-로 시작하는 속성을 사용 할 수 있다.

예시

<article
  id="electriccars"
  data-columns="3"
  data-index-number="12314"
  data-parent="cars">
...
</article>

var article = document.getElementById('electriccars');

article.dataset.columns // "3"
article.dataset.indexNumber // "12314"
article.dataset.parent // "cars"