data-*
-
HTML 데이터 속성 사용해보기(data-.* , dataset)Etc.. 2022. 9. 2. 20:20
HTML에 데이터를 사용하기 위한 방법으로 HTML5에서 새로 확장된 속성(data-.*, dataset)을 사용해 보겠습니다. 우선 이 둘의 속성이 무엇인지 알아보겠습니다. data-* : 전역 특성(모든 HTML에서 공통으로 사용할 수 있는 특성)은 사용자 지정 데이터 특성이라는 특성 클래스를 형성함으로써 임의의 데이터를 스크립트로 HTML과 DOM 사이에서 교환할 수 있는 방법입니다. dataset : dataset읽기 전용 속성은 요소의 사용자 정의 데이터 속성(data-*)에 대한 읽기/쓰기 액세스를 제공합니다. 이 둘의 속성을 이용하여 간단한 코드로 데이터를 저장하고, 읽어보겠습니다. 눈여겨봐야 할 점은 dataset은 자바스크립트이기 때문에 속성명을 camelCase로 변환합니다. 예를 들어..