내가 원하는 정보를 추가하거나 가져올 수 있다.
아래처럼 사용해서 속성 추가하면 됨. data-제목 = 데이터내용 이렇게.
<div id="myDiv" data-name="John" data-age="30" data-country="USA"></div>
data-name, data-age, data-country는 data- 접두사로 시작하는 사용자 정의 데이터 속성
.dataset을 사용하여 이러한 데이터를 가져오는거
값 수정도 가능하다.
.dataset을 사용함으로 여러 데이터들에 일련의 번호를 부여할 수 있고, 그걸 이용해 원하는 정보를 손쉽게 가져올 수 있다.
(e.target의 부모요소 찾고, 그것을 복사해서 조작하고 이렇게 복잡하게 안해도 됨. )
'JS (Java Script)' 카테고리의 다른 글
provide an autocomplete attribute 에러 (0) | 2023.08.31 |
---|---|
input 태그 안에 변화를 감지하는 이벤트리스너 (change 하거나 input 하거나.) (0) | 2023.08.31 |
confirm() 함수 (0) | 2023.08.29 |
prompt() 함수 (0) | 2023.08.29 |
변수 선언 let const var 차이 (0) | 2023.08.29 |