작성한 질문수
인터랙티브 웹 개발 제대로 시작하기
DOM 스크립트 2
작성
·
239
0
27초쯤에 data- 로 시작하는 표준 커스텀 속성이라고 하셨는데요, 표준 커스텀 속성이란게 어떤 의미인지 잘 모르겠어요.. 사용자가 직접 만든 속성이란건가요??
답변 3
data- 로 시작해야만 하나요???
data 없이 임의로 설정해도 작동은 하던데. 이러면 무슨 문제가 있나요???
작동은 하는데요, 비표준 속성이라 HTML Validator로 체크해보면 오류로 뜬답니다.그리고 data- 형태의 속성은, 오브젝트의 dataset 객체로 정의되기 때문에 더 사용이 편리한 점도 있고요!<div data-id="aaa" class="a"></div>의 data-id 속성은document.querySelector('.a').dataset.id로 접근할 수 있답니다.
캐릭터소스 다운로드할수있는곳있나요?
아 네~ HTML5에서 추가된 표준 커스텀 속성이에요.
"data-"의 형태로 만들면 되고요, data- 뒤에는 원하는대로 넣으시면 됩니다.
예를들면
data-id, data-number 이런 형태로요.
작동은 하는데요, 비표준 속성이라 HTML Validator로 체크해보면 오류로 뜬답니다.
그리고 data- 형태의 속성은, 오브젝트의 dataset 객체로 정의되기 때문에 더 사용이 편리한 점도 있고요!
<div data-id="aaa" class="a"></div>
의 data-id 속성은
document.querySelector('.a').dataset.id로 접근할 수 있답니다.