Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
Tags
- slice
- This
- video
- scroll
- 고차함수
- dom
- event
- object
- 이벤트
- 클로저
- array
- 스크롤
- 이벤트 위임
- ios
- ES6
- Flex
- 배열
- async
- Promise
- 모듈
- 이벤트 루프
- 애니메이션
- Push
- 비동기
- IntersectionObserver
- json
- input
- 문자열
- ajax
- animation
Archives
- Today
- Total
FEDev Story
속성과 프로퍼티 본문
HTML 요소는 속성(attribute)을 갖고 있으며, 자바스크립트로 이 속성을 액세스할 수 있다.
예를 들어, 속성과 프로퍼티(el.value)의 초기값이 같은 input 요소가 있다고 가정해보자. 사용자 또는 스크립트가 값을 변경하면 프로퍼티(property)는 영향을 받지만, 속성(attribute)은 영향을 받지 않는다.
/**
* Accessing attributes
*/
el.setAttribute( "tabindex", "-1" );
if ( el.hasAttribute( "tabindex" ) ) {}
el.getAttribute( "tabindex" );
el.removeAttribute( "tabindex" );
요소의 속성은 HTML에서 정의되지만, 프로퍼티(property)는 DOM에서 정의된다. 이것이 약간의 차이를 만든다.예를 들어, 속성과 프로퍼티(el.value)의 초기값이 같은 input 요소가 있다고 가정해보자. 사용자 또는 스크립트가 값을 변경하면 프로퍼티(property)는 영향을 받지만, 속성(attribute)은 영향을 받지 않는다.
'Javascript > DOM' 카테고리의 다른 글
Element.matches (0) | 2022.02.03 |
---|---|
Document.importNode (0) | 2018.04.05 |
DOM 스타일링 (0) | 2017.11.02 |
DOM 변경 (0) | 2017.11.01 |
DOM 탐색 (0) | 2017.10.24 |
Comments