[JavaScript] class, id 이외의 데이터(data-*) 속성 사용하기


[JavaScript] class, id 이외의 데이터(data-*) 속성 사용하기

데이터 속성은 HTML5 부터 지원하는 기능으로 모든 HTML 요소에 사용자 정의 데이터 속성을 사용하여 값을 저장하는 기능입니다.사용 방법은 "data-" 뒤에 사용할 속성명 1자 이상을 지정해서 사용할 수 있습니다.data-[사용할 속성명] ex) data-value, data-set, data-item, date-type데이터를 불러올 때는 dataset을 통해 지정한 속성명으로 데이터를 가져올 수 있는데IE 10 이하 버전에서는 dataset을 지원하지 않으므로 getAttribute()를 통해서 가져와야 합니다.(여기서 dataset.value의 value는 사용자 지정 속성명으로 쓰입니다.)<input>을 사용할 때도 마찬가지로 data 속성을 사용해서 여러 값을..........



원문링크 : [JavaScript] class, id 이외의 데이터(data-*) 속성 사용하기