English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Element 객체는 <p>، <div>، <a>، <form> 또는 어떤 다른 HTML 요소와 같은 HTML 요소를 나타냅니다.
Element 객체는 모든 요소가 공유하는 메서드와 속성을 가집니다.
다음 표는 Element 객체의 속성을 나열합니다：
| 속성 | 설명 |
|---|---|
| accessKey | 요소의 accesskey 속성을 설정하거나 반환합니다 |
| attributes | 요소의 속성 NamedNodeMap을 반환합니다 |
| childElementCount | 주어진 요소의 자식 요소 수를 반환합니다 |
| childNodes | 요소의 자식 노드 목록을 반환합니다. (텍스트와 주석 노드 포함) |
| children | 요소의 자식 요소 목록을 반환합니다. (텍스트와 주석 노드를 제외합니다) |
| classList | 요소의 클래스 이름을 반환합니다 |
| className | 요소의 class 속성 값을 설정하거나 반환합니다 |
| clientHeight | 요소의 높이를 반환합니다. (패딩 포함) |
| clientLeft | 요소의 좌측 경계선 너비를 반환합니다 |
| clientTop | 요소의 상단 경계선 너비를 반환합니다 |
| clientWidth | 요소의 너비를 반환합니다. (패딩 포함) |
| contentEditable | 요소의 내용이 편집 가능한지 설정하거나 반환합니다 |
| dir | 요소의 dir 속성 값을 설정하거나 반환합니다 |
| firstChild | 요소의 첫 번째 자식 노드를 반환합니다 |
| firstElementChild | 요소의 첫 번째 자식 요소를 반환합니다. (텍스트와 주석 노드를 제외합니다) |
| id | 요소의 id 속성 값을 설정하거나 반환합니다 |
| innerHTML | 요소의 내용을 설정하거나 반환합니다 |
| innerText | 요소 및 그 자식의 텍스트 내용을 설정하거나 반환합니다 |
| isContentEditable | 요소의 내용이 편집 가능한지 여부를 반환합니다. 가능하면 true, 아니면 false |
| lang | 요소의 lang 속성 값을 설정하거나 반환합니다 |
| lastChild | 요소의 마지막 자식 노드를 반환합니다 |
| lastElementChild | 요소의 마지막 자식 요소를 반환합니다(텍스트와 주석 노드를 제외) |
| namespaceURI | 요소의 이름 공간 URI를 반환합니다 |
| nextSibling | 동일한 노드 트리 수준의 다음 노드를 반환합니다 |
| nextElementSibling | 동일한 노드 트리 수준의 다음 요소를 반환합니다(텍스트와 주석 노드를 제외) |
| nodeName | 노드의 이름을 반환합니다 |
| nodeType | 노드의 노드 타입을 반환합니다 |
| nodeValue | 노드의 값을 설정하거나 반환합니다 |
| offsetHeight | 요소의 높이를 반환합니다(填充, 경계선, 스크롤 바 포함) |
| offsetWidth | 요소의 너비를 반환합니다(填充, 경계선, 스크롤 바 포함) |
| offsetLeft | 요소의 수평 이동 위치를 반환합니다 |
| offsetParent | 요소의 이동 높이를 반환하는 컨테이너 |
| offsetTop | 요소의 수직 이동 위치를 반환합니다 |
| ownerDocument | 요소의 뿌리 요소(문서 객체)를 반환합니다 |
| parentNode | 요소의 부모 노드를 반환합니다 |
| parentElement | 요소의 부모 요소를 반환합니다 |
| previousSibling | 동일한 노드 트리 수준의 이전 노드를 반환합니다 |
| previousElementSibling | 동일한 노드 트리 수준의 이전 요소를 반환합니다(텍스트와 주석 노드를 제외) |
| scrollHeight | 요소의 스크롤 뷰 높이를 나타내는 Number를 반환합니다 |
| scrollLeft | 요소의 내용이 수평으로 스크롤된 픽셀 값을 설정하거나 반환합니다 |
| scrollTop | 요소의 내용이 수직으로 스크롤된 픽셀 값을 설정하거나 반환합니다 |
| scrollWidth | 요소의 스크롤 뷰 너비를 나타내는 Number를 반환합니다 |
| style | 요소의 스타일 속성 값을 설정하거나 반환합니다 |
| tabIndex | 요소의 tabindex 속성 값을 설정하거나 반환합니다 |
| tagName | 요소의 태그 이름을 반환합니다 |
| textContent | 요소 및 그 자식의 텍스트 내용을 설정하거나 반환합니다 |
| title | 요소의 title 속성 값을 설정하거나 반환합니다 |
아래 표는 Element 객체의 메서드를 나열합니다：
| 메서드 | 설명 |
|---|---|
| addEventListener() | 지정된 요소에 이벤트 처리기를 연결합니다 |
| appendChild() | 요소에 새로운 자식 노드를 추가하여 마지막 자식 노드로 삽입합니다 |
| blur() | 요소에서 집중을 제거합니다 |
| cloneNode() | 요소를 복사합니다 |
| click() | 요소를 클릭하는 것을 모의합니다 |
| compareDocumentPosition() | 두 요소의 문서 위치를 비교합니다 |
| contains() | 노드가 노드의 자식이면 true를 반환하고, 그렇지 않으면 false를 반환합니다 |
| focus() | 요소에 집중을 둡니다 |
| getAttribute() | 요소 노드의 지정된 속성 값을 반환합니다 |
| getAttributeNode() | 지정된 속성 노드를 반환합니다 |
| getBoundingClientRect() | 요소의 크기와 비주얼 포트에 대한 위치를 반환합니다 |
| getElementsByClassName() | 지정된 클래스 이름을 가진 모든 자식 요소의 목록을 반환합니다 |
| getElementsByTagName() | 지정된 태그 이름을 가진 모든 자식 요소의 목록을 반환합니다 |
| hasAttribute() | 요소에 지정된 속성이 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다 |
| hasAttributes() | 요소에 속성이 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다 |
| hasChildNodes() | 요소에 자식 노드가 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다 |
| insertAdjacentElement() | 현재 요소에 대한 지정된 위치에 HTML 요소를 삽입합니다 |
| insertAdjacentHTML() | 현재 요소에 대한 지정된 위치에 HTML 형식의 텍스트를 삽입합니다 |
| insertAdjacentText() | 현재 요소에 대한 지정된 위치에 텍스트를 삽입합니다 |
| insertBefore() | 지정된 기존 자식 노드 앞에 새로운 자식 노드를 삽입합니다 |
| isDefaultNamespace() | 지정된 namespaceURI가 기본 값이면 true를 반환하고, 그렇지 않으면 false를 반환합니다 |
| isEqualNode() | 두 요소가 같은지 확인합니다 |
| isSameNode() | 두 요소가 같은 노드에 있는지 확인합니다 |
| isSupported() | 요소가 지정된 기능을 지원하면 true를 반환합니다 |
| normalize() | 연결된 텍스트 노드를 결합하고 요소 내의 빈 텍스트 노드를 제거합니다 |
| querySelector() | 요소와 일치하는 지정된 CSS 선택자와 맞는 첫 번째 자식 요소를 반환합니다 |
| querySelectorAll() | 요소의 지정된 CSS 선택자와 일치하는 모든 자식 요소를 반환 |
| removeAttribute() | 요소에서 지정된 속성을 제거 |
| removeAttributeNode() | 지정된 속성 노드를 제거하고 제거된 노드를 반환 |
| removeChild() | 요소에서 자식 노드를 제거 |
| removeEventListener() | addEventListener() 메서드에 추가된 이벤트 처리기를 제거 |
| replaceChild() | 요소 내의 자식 노드를 대체 |
| requestFullscreen() | 전체 화면 모드로 요소를 표시 |
| scrollIntoView() | 지정된 요소를 브라우저 창의 보이는 영역으로 스크롤 |
| setAttribute() | 지정된 속성을 설정하거나 변경 |
| setAttributeNode() | 지정된 속성 노드를 설정하거나 변경 |
| toString() | 요소를 문자열로 변환 |