[JS] data-*속성과 dataset 프로퍼티
비표준 속성의 충돌을 방지하기 위한 data-* 속성 ’data-'로 시작하는 속성 전체는 개발자가 용도에 맞게 사용하도록 별도로 예약이 되고, dataset 프로퍼티를 사용하면 data 속성에 접근할 수 있다. [예제] 요소에 이름이 "data-about"인 속성이 있다면 elem.dataset.about을 사용해 값을 얻을 수 있다. data-order-state 같이 여러 단어로 구성된 속성은 카멜 표기법(dataset.orderState)으로 변환해서 사용할 수 있다. Q. 속성과 프로퍼티의 차이는? 속성 – HTML 안에 쓰임 프로퍼티 – DOM 객체 안에 쓰임 Q. 비표준 속성이란 무엇인가요? 비표준 속성은 사용자가 직접 지정한 데이터를 HTML에서 자바스크립트로 넘기고 싶은 경우나 자바스크립..
이론/JS
2021. 2. 27. 04:45
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 불일치 연산자
- 링크막기 #a링크막기
- property
- 대괄포 표기법
- 동등 연산자
- clinetTop
- [[Prototype]]
- innerHeight
- prototype 프로퍼티
- __proto__
- 부등 연산자
- @font-face
- 프로퍼티
- scrollHeight
- constructor
- javascript class
- 점 표기법
- 동치 연산자
- 객체의 프로퍼티
- offsetHeight
- 일치 연산자
- scrollTop
- clientHeight
- offsetTop
- outerHeight
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 |
글 보관함