어트리뷰트(attribute)는 HTML의 속성으로 Element의 id, class, type 등의 추가적인 정보를 일컫는다.
프로퍼티(property)는 DOM의 속성으로 html의 어트리뷰트를 부르는 이름이다.
즉, 같은 속성을 불러오는 이름만 다른 것.
<div class="box" style="color: #000;"></div>
// 여기서 class와 color는 attribute
document.querySelector(".box").className; // box
document.querySelector(".box").style.color; // #000
// 여기서 className과 style.color는 Property
자바스크립트를 통해 DOM의 프로퍼티 속성으로 HTML의 어트리뷰트 속성에 접근할 수 있으며 동적으로 값을 변경하는 것이 가능하다.
'개념정리' 카테고리의 다른 글
| 쿠키와 세션의 특징 (1) | 2023.10.31 |
|---|---|
| CSR과 SSR의 차이점과 특징 (0) | 2023.10.31 |
| CORS? Cross-Origin-Resource-Sharing에 대해 (0) | 2023.10.31 |
| 브라우저의 동작 원리 (0) | 2023.10.31 |