js---DOM 노드

이 기사의 내용은 js의 DOM 노드입니다. 여기에서 공유하고, 필요한 친구를 참조할 수도 있습니다

1. 요소 가져오기:

1.getElementsByTagName()----모든 브라우저 포함 이 방법은 호환성 문제가 없습니다

2.getElementById()---IE8.0 이하에서는 ID가 대소문자를 구분하지 않습니다. 이는 호환성 문제가 없음을 의미합니다

3.getElementsByClassName()---IE9. 0 이하에서는 그러한 방법이 없으며 호환성 문제가 있습니다.

4.getElementsByName()---이름 속성, 입력의 이름 속성, 모든 태그가 유효한 것은 아닙니다

5.querySelector('selector')---IE8.0 이하와 호환되지 않습니다. 선택한 태그는 다음과 같습니다. 복사본, HTML에서 DOM을 수정할 때 이전에 선택한 복사본은 그에 따라 변경되지 않습니다.

2. Traverse

노드 트리 탐색: parentNode/childNodes/firstChild/lastChild/nextSibling/PreviousSibling---노드 트리에는 텍스트 노드, 주석 노드, 빈 노드가 포함됩니다.

요소 트리 탐색: 하위 제외, 아래의 다른 노드 IE9 호환성 문제가 있습니다

parentElement---html의 가장 높은 상위입니다.

children---호환성 문제가 없으며 현재 요소의 요소 하위 노드만 반환됩니다

node.childElementCount===node.children. length 현재 노드의 하위 요소 수

firstElementChild---첫 번째 요소 노드를 반환합니다(IE는 호환되지 않음)

nextElementSibling/previousElementSibling

노드 유형: 노드 호출 nodeType

element node---1 ; 속성 노드---2; 주석 노드---8; DocumentFragment---11

프로토타입 체인: document--->HTMLDocument.prototype--- > ;Document.p rototype

관련 권장사항:

js

js에서 DOM 이벤트 흐름에 대한 자세한 설명

JS에서 DOM을 작동하는 방법

위 내용은 js---DOM 노드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!