[Javascript] 데이터셋(dataset)

 

◽ dataset의 문법

'data-'라는 prefix를 붙이고 map으로 관리된다.

<li
  data-min="5"
  data-max="10"
>
</li>

const target = this.document.querySelectorAll('li')
target.setAttribute("data-auto", true)

 

◽ 가져오기

const target = this.document.querySelectorAll('li')
console.log(target.dataset.min) // 5
console.log(target.dataset.max) // 10
console.log(target.dataset.auto) // true

 

 

---

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.