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
- Promise
- scroll
- event
- slice
- 클로저
- 비동기
- json
- 배열
- array
- This
- 이벤트 루프
- object
- animation
- ES6
- Flex
- 스크롤
- 모듈
- ajax
- video
- Push
- 애니메이션
- ios
- 이벤트 위임
- IntersectionObserver
- dom
- async
- 고차함수
- 이벤트
- 문자열
- input
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