반응형
속성 방식 : 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 |