HTML DOM 요소 객체
HTML DOM 노드
HTML DOM (문서 객체 모델) 각 노드에있는 사항은 다음과 같습니다
- 문서 자체는 문서 객체입니다
- 모든 HTML 요소들은 요소 노드이다
- 모든 HTML 속성은 속성 노드입니다
- HTML 엘리먼트는 텍스트 노드의 텍스트에 삽입
- 댓글 댓글 노드입니다
Element 객체
표시되는 HTML DOM에서 요소 객체는 HTML 요소를 나타낸다.
엘리먼트 오브젝트 어린이 일 수있다 요소 노드 텍스트 노드, 주석 노드 일 수있다.
NodeList의 목적은 아이가 수집 노드 HTML 요소와 유사한 노드 목록을 나타냅니다.
요소는 속성을 가질 수있다. 속성 (다음 섹션 참조) 속성 노드에 속하는.
브라우저 지원
모든 주요 브라우저는 요소 객체와있는 NodeList 객체를 지원합니다. .
속성 및 메서드
모든 HTML 요소에 적용되는 위의 속성과 메서드 :
| 속성 / 방법 | 기술 |
|---|---|
| 요소 .accessKey | 설정하거나 요소입니다 accesskey를 반환 |
| 요소 .addEventListener () | 지정된 요소에 이벤트 처리기를 추가 |
| 요소 .appendChild () | 자식 요소에 새로운 요소를 추가 |
| 요소 .attributes | 그것은 요소의 특성의 배열을 반환 |
| 요소 .childNodes | 자식 노드의 요소의 배열을 반환 |
| 요소 .classlist | DOMTokenList 객체로, 요소의 클래스 명을 돌려줍니다. |
| 요소 .className | 설정 또는 요소의 class 속성을 반환 |
| 요소 .clientHeight | (테두리, 여백, 또는 스크롤 제외) 페이지 표시 높이의 내용을 반환 |
| 요소 .clientWidth | (경계선, 여백, 스크롤바를 포함하지 않음)의 폭에 표시 페이지의 내용을 반환 |
| 요소 .cloneNode () | 요소를 복제 |
| 요소 .compareDocumentPosition () | 문서 위치는 두 요소를 비교합니다. |
| 요소 .contentEditable | 설정하거나 반환 요소의 콘텐츠를 편집 할 수 있는지 여부 |
| 요소 .DIR | 설정 또는 텍스트의 방향 요소를 리턴 |
| 요소 .firstChild | 요소의 첫 번째 자식을 반환 |
| 요소 .focus () | 설정 문서 또는 요소의 이득 초점 |
| 요소 .getAttribute () | 지정된 요소의 속성 값을 돌려줍니다 |
| 요소 .getAttributeNode () | 지정된 속성 노드를 돌려줍니다 |
| 요소 .getElementsByTagName () | 모든 자식 요소의 컬렉션의 태그 이름을 돌려줍니다. |
| 요소입니다. getElementsByClassName () | 문서의 모든 요소가있는 NodeList 객체로, 컬렉션의 클래스 이름을 지정 돌려줍니다. |
| 요소 .getFeature () | API를 수행하는 객체의 지정된 특성을 돌려줍니다. |
| 요소 .getUserData () | 핵심 요소와 연관된 오브젝트를 돌려줍니다. |
| 요소 .hasAttribute () | 지정된 속성이 true 요소 반환 존재하는 경우, 그렇지 않은 경우는 false를 돌려줍니다. |
| 요소 .hasAttributes () | 모든 요소 속성이있는 경우 그렇지 않으면 false를 반환, true를 돌려줍니다. |
| 요소 .hasChildNodes () | 요소가 자식 요소를 가지고 있을지 어떨지를 판단합니다 |
| 요소 .hasfocus () | 문서 또는 요소 이득 초점 여부를 검출, 부울 값을 반환 |
| 요소 .ID | 요소의 설정하거나 반환 ID입니다. |
| 요소 .innerHTML | 설정 또는 요소의 내용을 반환한다. |
| 요소 .insertBefore () | 기존의 자식 요소 전에 새 자식 요소를 삽입 |
| 요소 .isContentEditable | 내용 요소 편집 가능한 반환 true의 경우, 그렇지 않은 경우는 false |
| 요소 .isDefaultNamespace () | 이름 공간 URI가 true를 돌려주는 경우, 그렇지 않으면 false를 반환합니다. |
| 요소 .isEqualNode () | 두 요소가 동일한 지 확인 |
| 요소 .isSameNode () | 두 요소 모두가 동일한 노드를 확인한다. |
| 요소 .isSupported () | 지원되는 기능이 요소에 지정된 경우에 true를 돌려줍니다. |
| 요소 .lang | 설정 또는 요소의 언어를 반환한다. |
| 요소 .lastChild | 마지막 자식 요소를 반환 |
| 요소 .namespaceURI | URI에 네임 스페이스를 돌려줍니다. |
| 요소 .nextSibling | 해당 요소의 반환 다음 |
| 요소 .nodeName | 요소의 태그 이름 (대문자)를 반환 |
| 요소 .nodeType | 요소의 노드 형태를 돌려줍니다 |
| 요소 .NodeValue 이렇게 | 요소 노드의 값을 리턴 |
| 요소 .normalize () | 그래서 이것은 단지 구조 (요소, 코멘트, 처리 명령, CDATA 섹션, 엔티티 참조) 즉, 간격 텍스트 노드, 요소가 (포함 속성) 아래의 모든 텍스트 노드,도 인접 해 "정상적인"형태가되었다 텍스트 노드도 빈 텍스트 노드 |
| 요소 .offsetHeight | 국경 및 작성,하지만 여백을 포함한 모든 높이의 요소를 돌려줍니다 |
| 요소 .offsetWidth | 테두리 패딩 아니라 마진을 포함하는 요소의 폭을 반환 |
| 요소 .offsetLeft | 위치 오프셋 컨테이너 오프셋 상대 수평의 현재의 요소를 돌려줍니다 |
| 요소 .offsetParent | 오프셋 컨테이너 요소를 돌려줍니다 |
| 요소 .offsetTop | 오프셋 (offset) 컨테이너의 수직 상대 현재 요소를 오프셋 (offset)를 돌려줍니다 |
| 요소 .ownerDocument | 루트 요소의 요소를 돌려줍니다 (문서 객체) |
| 요소 .parentNode | 요소의 부모 노드를 돌려줍니다 |
| 요소 .previousSibling | 바로 요소에 선행하는 요소를 돌려줍니다 |
| 요소 .querySelector () | 지정된 CSS 선택기 요소를 일치 돌아 가기 첫 번째 자식 요소입니다 |
| document.querySelectorAll () | 지정된 CSS 셀렉터가 모든 서브 - 소자의 소자 노드리스트 일치 리턴 |
| 요소 .removeAttribute () | 요소에서 지정된 속성을 삭제합니다 |
| 요소 .removeAttributeNode () | 지정된 속성 노드를 삭제 한 후 노드 제거를 돌려줍니다. |
| 요소 .removeChild () | 하위 요소를 삭제하려면 |
| 요소 .removeEventListener () | 이벤트를 추가 할 수 addEventListener () 메서드에 의해 핸들을 제거 |
| 요소 .replaceChild () | 자식 요소를 교체 |
| 요소 .scrollHeight | (스크롤 막대의 숨겨진 장소를 포함) 전체 요소의 높이를 돌려줍니다 |
| 요소 .scrollLeft | 왼쪽 가장자리의 실제 요소의 현재 뷰 및 왼쪽 가장자리에서 반환 |
| 요소 .scrollTop | 위로 위쪽 가장자리와 현재 사이의 가장자리의 실제 요소의 평면도에서 |
| 요소 .scrollWidth | 요소의 전체 폭 (스크롤 막대의 숨겨진 장소를 포함)를 돌려줍니다 |
| 요소 .setAttribute () | 설정하거나 지정된 속성을 지정된 값을 변경합니다. |
| 요소 .setAttributeNode () | 설정하거나 지정된 속성 노드를 변경합니다. |
| 요소 .setIdAttribute () | |
| 요소 .setIdAttributeNode () | |
| 요소 .setUserData () | 지정된 키 객체에 관련된 요소. |
| 요소 .style | 설정 또는 요소의 스타일 속성을 반환 |
| 요소 .tabIndex | 설정 또는 요소의 탭 순서를 리턴한다. |
| 요소 .tagName | 요소의 문자열 태그의 이름 (대문자) |
| 요소 .textContent | 설정 또는 노드와 노드의 텍스트 콘텐츠를 반환 |
| 요소 .title | 설정 또는 요소의 title 속성을 반환 |
| 요소로 .toString () | 문자열로 요소 |
| 노드 목록 .item () | 기반 문서 트리의 요소의 인덱스를 돌려줍니다 |
| 노드 목록 .length | 노드 목록의 노드의 수를 돌려줍니다. |