attribute와 property의 차이

HTML에서 attribute와 property라는 단어를 자주 접하게 된다. 최근 면접에서 관련 질문을 받기 전까지는 이 둘의 개념을 혼용하거나, attribute는 주로 html 태그에 들어가는 속성으로, property는 자바스크립트 객체에 들어가는 속성으로 생각해왔다. 제대로 된 답변을 못하고 검색을 해보니 둘 사이에는 명확한 차이가 존재했다.

 

출처

링크를 따라가면 더 자세한 설명을 볼 수 있다.

 

차이

attribute는 html 문서의 태그에 포함된 속성을 일컫는 말이고,

property는 DOM 요소에 포함된 속성을 일컫는다.

 

html 문서 내 attribute는 정적이고,

렌더링 엔진에 의해 생성된 DOM에 포함된 property는 그 값이 변할 수 있다.