[HTML] data 속성 (data-*)

HTML에서 지원하는 data 속성은 HTML 요소에 추가 정보를 지정하는 속성이다. 사용 방법도 간단하고 유용하기 때문에 아주 좋은 아이다 ㅎㅎ HTML 문법 모든 엘리먼트에 data- 형식으로 사용할 수 있음 JavaScript에서 접근하기 1. getAttribute()로 접근 console.log(div.getAttribute('data-id')); 2. dataset으로 접근 const div = document.querySelector('div'); const id = div.dataset.id; const pw = div.dataset.pw; console.log(id, pw); 각 속성은 문자열이고 읽거나 쓸 수 있습니다. div.dataset.id = 'eunbinLove'로 설정해서 값..