본문 바로가기
WEB/JavaScript

속성과 프로퍼티

by 노랑파랑 2016. 10. 15.
반응형




속성 방식 : setAttributte와 같은 것을 통해 접근

var target = document.getElementById('target');

    target.setAttribute('class', 'important');

프로퍼티 방식 : 속성의 이름을 직접 사용해 접근

var target = document.getElementById('target');

    target.className = 'important';



* 프로퍼티 방식은 좀 더 간편하고 속도도 빠르지만 실제 HTML의 속성 이름과 다른 이름을 갖는 경우가 있다.

* 속성과 프로퍼티의 값이 다를 수도 있다.


- JavaScript의 이름 규칙

classclassName
readonlyreadOnly
rowspanrowSpan
colspancolSpan
usemapuserMap
frameborderframeBorder
forhtmlFor
maxlengthmaxLength




반응형

'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