DOM Tree
DOM Tree는 아래와 같다.
그림 : http://web.stanford.edu/class/cs98si/slides/the-document-object-model.html
ex) HTMLLIElement : http://www.w3.org/TR/2003/REC-DOM-Level-2-HTML-20030109/html.html#ID-74680021
* jQuery를 이용하면, 이러한 관계를 잘 몰라도 JavaScript 코딩이 수월하다.
즉, document.getElementById('ironmask').tagName 는 HTMLLIElement라는 객체를 반환합니다.
위 상수를 $()로 둘러싸게 되면, Jquery 타입을 갖게 됩니다.
아래처럼 대입해놓고, constructor 속성을 찍어보면 확연히 확인 가능합니다.
var sample = document.getElementById('ironmask').tagName
var j_sample = $(document.getElementById('ironmask').tagName)
console.log(sample.constructor)
'나는 프로그래머다! > HTML5' 카테고리의 다른 글
JavaScript - 이벤트 응용1 (버블링과 캡쳐링) (0) | 2015.07.28 |
---|---|
JavaScript - 이벤트 (0) | 2015.07.28 |
JavaScript에서의 객체와 객체지향 (0) | 2015.07.22 |
JavaScript의 함수!! (0) | 2015.07.21 |
JavaScript 재귀함수 예시 (0) | 2015.07.20 |
jQuery 와 Element 객체와 Node 객체 (0) | 2015.07.16 |
Attribute와 Property (0) | 2015.07.14 |
JQuery 초 간단 이해 (0) | 2015.07.10 |
SublimeText2 (0) | 2015.06.19 |
HTML 과 JavaScript 기본 참고 사이트 (0) | 2015.06.19 |