[지식] attribute 와 property 의 차이

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의 값은 변하지않는다 .