JongDDA의 한걸음 한걸음씩
[JavaScript] DOM 요소의 dataset 속성 본문
728x90
자바스크립트 DOM 요소의 dataset 속성!
dataset 이란?
사용자가 해당 요소에커스텀 속성을 추가한 객체!
dataset 사용법
1. HTML 태그에 접두어(data-)가 붙은 속성을 추가하고, 거기에 사용하고자 하는 값을 지정해놓는다.
2. 자바스크립트에서 요소를 선택하고, dataset 객체에서 커스텀속성을 읽어들인다.이때, 접두어는 생략!
=> dataset 속성의 값은 개수 제한이 특별히 없다!
// li 요소 하나 누를 때마다 이미지가 바뀌게 하기
728x90
반응형
'개발 > 프론트엔드' 카테고리의 다른 글
| [JavaScript] 템플릿 문자열 (0) | 2021.03.28 |
|---|---|
| [JavaScript] const 와 let (0) | 2021.03.28 |
| [JavaScript] 이벤트, 이벤트 객체 (0) | 2021.03.26 |
| [JavaScript] 함수, 매개변수, 반환(return) (0) | 2021.03.24 |
| [JavaScript] 이벤트, 폼(form)의 입력 내용 가져오기 (0) | 2021.03.24 |
'개발/프론트엔드' Related Articles
more
Comments