DOM에서 노드와 요소의 차이점은 무엇입니까

노드와 요소의 차이점: 1. 노드는 다양한 유형의 노드를 포함하는 노드인 반면 요소는 노드 노드의 유형일 뿐입니다. 2. 요소는 노드에서 상속되고 노드의 메소드를 가지며 또한 많은 것을 확장합니다. 고유한 기능을 제공합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

우리는 DOM의 요소를 가져오기 위해 document.getElementById를 자주 사용하고, 하위 노드를 가져오기 위해 childNodes도 사용합니다. 그렇다면 Element와 Node의 차이점은 무엇입니까?

Node에서 제공하는 노드와 Element에서 제공하는 노드

jQuery를 배울 때 항상 Node와 Eleme을 혼동하시나요? 상속을 생각하면 Node와 Element의 관계가 훨씬 명확해질 수 있습니다.

Element는 Node에서 상속되고 Node의 메서드를 가지며 고유한 메서드도 많이 확장합니다.

이것을 명확하게 구분하면 많은 낮은 수준의 문제를 피할 수 있습니다.

간단히 말하면 Node는 기본 클래스이고 DOM의 Element, Text 및 Comment는 모두 Node에서 상속됩니다.

즉, Element, Text 및 Comment는 각각 ELEMENT_NODE,

TEXT_NODE 및 COMMENT_NODE라고 하는 세 가지 특수 노드입니다.

그래서 우리가 일반적으로 사용하는 html의 요소, 즉 Element는 ELEMENT_NODE 유형의 노드입니다.

요약:

• 여기서 Node는 div/p/span 등과 같은 가장 일반적인 요소 노드를 포함하는 DOM 노드를 나타냅니다. 또한 문서/댓글 등의 노드도 포함됩니다.
노드 유형은 nodeType 유형을 통해 확인할 수 있습니다. 구체적인 유형은 아래 그림에서 확인할 수 있습니다.

• [관련 권장사항:

  javascript 학습 튜토리얼

위 내용은 DOM에서 노드와 요소의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!