HTML 엘레멘트를 나타내는 HTMLElement 객체

 

 DOM은 모든 HTML 엘레멘트를 객체(Object) 또는 노드(Node)로 본다. 객체는 프로퍼티와 메소드를 가지고 있다. DOM에서는 HTML 엘레멘트 객체를 HTMLElement Object라고 부르며, 엘레멘트 객체가 가지는 속성과 메소드는 다음과 같다.

  

 

HTMLElement 객체 컬렉션

컬렉션	설명
attributes[]	엘레멘트가 가진 속성의 배열을 반환
childNodes[]	엘레멘트가 가진 자식노드의 배열을 반환

 

 

HTMLElement 객체 프로퍼티

프로퍼티	설명
className	엘레멘트 속성 중 class 값을 반환
disabled	엘레멘트 속성 중 disables 속성을 반환
id	엘fp멘트 속성 중 id 값을 반환
innerHTML	엘레멘트의 텍스트 노드를 반환
height	엘레멘트 속성 중 height 값을 반환
width	엘레멘트 속성 중 width 값을 반환
ownerDocument	엘레멘트의 루트 엘레멘트(document)를 반환
parentNode	엘레멘트의 부모 노드를 반환
firstChild	엘레멘트의 첫 번째 자식 노드를 반환
lastChild	엘레멘트의 마지막 자식 노드를 반환
style	엘레멘트의 sytle 속성을 반환
title	엘레멘트의 title 속성을 반환
tagName	엘레멘트의 태그 이름을 반환(대문자로)

 

 

HTMLElement 객체의 메소드

메소드	설명
appendChild()	자식 노드의 맨 마지막에 자식 노드를 추가
hasChildNodes()	해당 엘레멘트에 자식 노드가 있는지를 반환
cloneNode()	엘레멘트를 복사함
blur()	엘레멘트의 포커스를 제거
focus()	엘레멘트의 포커스를 준다
click()	엘레멘트의 클릭을 실행
getAttribute()	속성의 값을 반환함
setAttribute()	속성의 값을 지정함
removeAttribute()	엘레멘트로부터 지정한 속성을 제거
removeChild()	자식 엘레멘트를 제거
replaceChild()	자식 엘레멘트를 대체