어트리뷰트와 프로퍼티의 차이

어트리뷰트

HTML 파일 안에서 선언된 값이다.

ex)

<div id="container"></div>

여기서 id 값이 container로 되어있는데, 이 것이 어트리뷰트이다.

프로퍼티

DOM안에서 가지고 있는 값이다.

어트리뷰트와 프로퍼티의 차이

어트리뷰트의 경우 HTML에 적혀있는 값이라 변경할 수 없지만,

프로퍼티는 DOM안의 값이기 때문에 변경할 수 있다.

예를들어

<input value="안녕하세요"></input>

라는 코드가 있을 때

사용자가 input의 값을 변경하더라도 어트리뷰트는 변하지 않는다.

대신 DOM 안의 프로퍼티 값이 변경된다.

출처: https://jeongwooahn.medium.com/html-attribute%EC%99%80-property-%EC%9D%98-%EC%B0%A8%EC%9D%B4-d3c172cebc41