[Javascript]Element객체

<li id="active> Javascript </li>

var t = document.getElementById('active')

여기서 t 안에는 li엘리먼트이자 HTMLLIELEMNT객체이자 HTMLELEMENT객체이자 ELEMENT객체가 들어가 있음

그리고 HTMLELENT객체의 속성중엔 .style이란 속성이 있고,

그런데 DOM은 HTML만을 위한 것이 아니라 마크업을 위한(XML ,XUL, SVG) 것임

그래서 모든 마크업 언어의 부모 객체에는 ELEMENT객체가 있음

자세한건 크롬의 개발모드에서 엘리먼트를 누르고 오른쪽 창의 프로퍼티를 누르면 볼 수 있음

다음은 DOM계층구조에서 ELEment 객체의 위치는 다음과 같다.

다음은 Element의 API들이다.

식별자

문서내에서 특정한 엘리먼트를 식별하기 위한 용도로 사용되는 API

lement.classList

Element.className

Element.id

Element.tagName

조회

엘리먼트의 하위 엘리먼트를 조회하는 API

Element.getElementsByClassName

Element.getElementsByTagName

Element.querySelector

Element.querySelectorAll

속성

엘리먼트의 속성을 알아내고 변경하는 API

Element.getAttribute(name)

Element.setAttribute(name, value)

Element.hasAttribute(name);

Element.removeAttribute(name);