반응형
속성 방식 : setAttributte와 같은 것을 통해 접근
var target = document.getElementById('target');
target.setAttribute('class', 'important');
프로퍼티 방식 : 속성의 이름을 직접 사용해 접근
var target = document.getElementById('target');
target.className = 'important';
* 프로퍼티 방식은 좀 더 간편하고 속도도 빠르지만 실제 HTML의 속성 이름과 다른 이름을 갖는 경우가 있다.
* 속성과 프로퍼티의 값이 다를 수도 있다.
- JavaScript의 이름 규칙
| class | className |
| readonly | readOnly |
| rowspan | rowSpan |
| colspan | colSpan |
| usemap | userMap |
| frameborder | frameBorder |
| for | htmlFor |
| maxlength | maxLength |
반응형
'WEB > JavaScript' 카테고리의 다른 글
| Node 객체 : 관계 API (0) | 2016.10.15 |
|---|---|
| Node 객체 (0) | 2016.10.15 |
| Element 객체 : 속성 API (0) | 2016.10.15 |
| Element 객체 : 조회 API (0) | 2016.10.15 |
| Element 객체 : 식별자 API (0) | 2016.10.15 |