Attribute? Property?
attribute 와 property 는 둘다 '속성' 이라는 의미를 가지고 있다.
단어는 같은 의미이지만 웹 프로그래밍에서는 분명한 차이가 존재한다!
HTML -> attribute
attribute 는 HTML 의 속성이다. 엘리먼트에 id나 class같은 추가적인 정보를 일컫는다.
DOM -> property
property 는 DOM 의 속성이다. 즉 html 의 attribute를 DOM내에서 대신해서 일컫는다.
attribute 와 property 의 기능차이?
요소의 속성 접근차이
attribute는 HTML 에서 property 는 DOM내에서 존재한다.
즉 attribute는 정적인 값으로 변하지않고 property 는 동적인 값으로 그 값이 변할 수 있다는 성질을 가지고 있다.
ex) 만약 체크박스에 체크를 하면 attribute의 상태는 변하지않지만 property 의 상태는 checked 로 변하게 된다.
-> property의 값을 업데이트해도 DOM객체만 업데이트되고 HTML의 값은 그대로이기 때문에 attribute의 값은 변하지않는다 .
'지식' 카테고리의 다른 글
[지식]class 와 id의 차이 (0) | 2024.06.28 |
---|---|
[지식]CORS원인 및 에러 해결 (1) | 2024.05.01 |
[지식] 렌더링과 DOM(Document Object Model) (0) | 2024.03.24 |
[지식] 브라우저 동작 원리 (0) | 2024.03.19 |
CSR(Client Side Rendering)과 SSR(Server Side Rendering) (0) | 2024.02.19 |