속성(attribute) vs 프로퍼티(property)

 

속성(attribute) vs 프로퍼티(property)

사용자가 HTML 문서에 있는 <input>요소를 체크하거나 자바스크립트를 이용해 값을 변경하면, 속성값은 변하지 않지만 프로퍼티의 값은 변하게 됩니다.

속성(attribute)	프로퍼티(property)
HTML 요소의 추가적인 정보를 가지고 있는 이름과 값의 한 쌍을 의미합니다.	속성을 객체화하였을 때의 HTML DOM 트리 내부에서의 값을 가리킵니다
<input type="checkbox" id="check" name="sports" checked="checked">	해당 체크박스가 체크되면 <checked>노드의 프로퍼티 값은 "true"가 됩니다.
HTML 문서에 존재하고 값이 변하지 않습니다.	HTML DOM 트리에 존재하고 그 값이 변할 수 있습니다