FEDev Story

속성과 프로퍼티 본문

Javascript/DOM

속성과 프로퍼티

지구별72 2017. 11. 6. 15:10
HTML 요소는 속성(attribute)을 갖고 있으며, 자바스크립트로 이 속성을 액세스할 수 있다.
/**
 * Accessing attributes
 */
el.setAttribute( "tabindex", "-1" );
if ( el.hasAttribute( "tabindex" ) ) {}
el.getAttribute( "tabindex" );
el.removeAttribute( "tabindex" );
요소의 속성은 HTML에서 정의되지만, 프로퍼티(property)는 DOM에서 정의된다. 이것이 약간의 차이를 만든다.
예를 들어, 속성과 프로퍼티(el.value)의 초기값이 같은 input 요소가 있다고 가정해보자. 사용자 또는 스크립트가 값을 변경하면 프로퍼티(property)는 영향을 받지만, 속성(attribute)은 영향을 받지 않는다.

'Javascript > DOM' 카테고리의 다른 글

Element.matches  (0) 2022.02.03
Document.importNode  (0) 2018.04.05
DOM 스타일링  (0) 2017.11.02
DOM 변경  (0) 2017.11.01
DOM 탐색  (0) 2017.10.24
Comments