DOMStringMap
-
[JavaScript] data-* 속성 사용하기문제와 해결/Javascript 2021. 5. 5. 22:11
data-* 속성? html 태그에서 커스텀 데이터를 저장하기 위해 쓰인다. 모든 html element에서 사용될 수 있다 사용자 경험을 극대화하는데 유용하게 쓰인다 (데이터를 사용하는데 있어서 ajax 호출이나 server-side 데이터베이스 쿼리 사용이 필요 없으므로!) 모든 문자열은 속성의 값이 될 수 있다. (객체는 값으로 넣어줄 수 없다.) 이제 이 속성을 어떻게 사용할 수 있을까? Owl Salmon Tarantula 다음과 같은 html 문서가 있을 때, data-*속성의 값을 가져오기 위해 어떤 방법을 쓸 수 있을지에 대해 정리해보려고 한다. 1. getAttribute('속성명') function showDetails(animal) { var animalType = animal.get..