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

Posted by Seongkyun Yu on 2021-01-16
Estimated Reading Time 1 Minutes
Words 99 In Total
Viewed Times

어트리뷰트

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

ex)

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

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

프로퍼티

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

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

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

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

예를들어

1
<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


If you like this blog or find it useful for you, you are welcome to comment on it. You are also welcome to share this blog, so that more people can participate in it. If the images used in the blog infringe your copyright, please contact the author to delete them. Thank you !