Element 객체

엘리먼트를 추상화한 객체

Element 객체

• HTMLLIElement

  • li태그의 속성을 가지고 있는 엘리먼트 태그

  • HTMLElement 객체를 상속 받음

  • 각각의 html 태그들마다 다른 속성을 가지고 있음

• HTMLElement

  • html 내의 모든 태그들이 공통으로 상속받는 객체

  • 태그들의 공통속성을 가지고 있음(style 프로퍼티 등)

• Element

  • DOM은 HTML만을 제어하기 위한 모델이 아니라 XML, SVG, XUL 과 같이 마크업 형태의 언어를 제어하기 위한 규격이기 때문에 Element는 마크업 언어의 일반적인 규격에 대한 속성을 정의(SVGElement, XULElement 등에 추가해서 사용)

주요기능

식별자

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

  • Element.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);