최고의 HTML DOM 요소 객체 튜토리얼 2024년, 이 튜토리얼에서는 HTML DOM 노드,Element 객체,브라우저 지원,속성 및 메서드,를 배울 수 있습니다.
HTML DOM (문서 객체 모델) 각 노드에있는 사항은 다음과 같습니다
표시되는 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 | 노드 목록의 노드의 수를 돌려줍니다. |