HTML DOM Element nodeType 속성

정의와 사용법

nodeType 속성은 숫자로 지정된 노드의 노드 타입을 반환합니다.

  • 요소 노드가 되면 nodeType 속성은 1。
  • 속성 노드가 되면 nodeType 속성은 2。
  • 텍스트 노드가 되면 nodeType 속성은 3。
  • 댓글 노드가 되면 nodeType 속성은 8。

이 속성은 읽기 전용입니다。

또는 참조:

nodeName 속성

nodeValue 속성

tagName 속성

childNodes 속성

인스턴스

예제 1

body 요소의 노드 타입을 가져옵니다:

var x = document.getElementById("myP").nodeType;

직접 시험해 보세요

예제 2

<body> 요소의 노드 타입을 반환합니다:

document.body.nodeType;

직접 시험해 보세요

예제 3

모든 요소의 노드 타입을 표시합니다:

const nodes = document.body.childNodes;
let text = "";
for (let i = 0; i < nodes.length; i++) {
  text += nodes[i].nodeType + "<br>";
}

직접 시험해 보세요

예제 4

"myDIV"의 첫 번째 자식 노드의 노드 이름, 값, 타입을 가져옵니다:

const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "Name: " + x.nodeName + "<br>";
text += "Value: " + x.nodeValue + "<br>";
text += "Type: " + x.nodeType;

직접 시험해 보세요

문법

노드.nodeType

반환 값

타입 설명
숫자 노드의 노드 타입입니다. 다음 표를 참조하십시오.

노드 타입

HTML이나 XML 문서의 문서, 요소, 속성 및 다른 노드는 다른 노드 타입을 가집니다.

12개의 다른 노드 타입이 있으며, 이들은 다양한 노드 타입의 자식 노드를 가질 수 있습니다:

타입 설명 자식 노드
1 Element 요소를 나타냅니다
  • Element
  • Text
  • Comment
  • ProcessingInstruction
  • CDATASection
  • EntityReference
2 Attr 속성을 나타냅니다
  • Text
  • EntityReference
3 Text 요소나 속성 내의 텍스트 내용을 나타냅니다 없음.
4 CDATASection 문서의 CDATA 부분을 나타냅니다
(파서에서 분석되지 않는 텍스트)		 없음.
5 EntityReference 엔티티 참조를 나타냅니다
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
6 Entity 엔티티를 나타냅니다
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
7 ProcessingInstruction 처리 지시를 나타냅니다 없음.
8 Comment 주석을 나타냅니다 없음.
9 Document 전체 문서(DOM 트리의 루트 노드)를 나타냅니다
  • Element
  • ProcessingInstruction
  • Comment
  • DocumentType
10 DocumentType 문서에 정의된 엔티티에 인터페이스를 제공합니다 없음.
11 DocumentFragment 가벼운 Document 객체를 나타내며, 문서의 부분을 저장할 수 있습니다.
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
12 Notation DTD에서 선언된 시그널을 나타냅니다 없음.

노드 타입 - 반환 값

각 노드 타입의 nodeName 및 nodeValue 속성의 반환 값:

타입 nodeName nodeValue
1 Element 요소 이름 null
2 Attr 속성 이름 속성 값
3 Text #text 노드의 내용
4 CDATASection #cdata-section 노드의 내용
5 EntityReference 이름 참조의 이름 null
6 Entity 이름实体 null
7 ProcessingInstruction target 노드의 내용
8 Comment #comment 주석 텍스트
9 Document #document null
10 DocumentType doctype 이름 null
11 DocumentFragment #document 부분 null
12 Notation 시그널 이름 null

노드 타입 - 명시된 상수

타입 명시된 상수
1 ELEMENT_NODE
2 ATTRIBUTE_NODE
3 TEXT_NODE
4 CDATA_SECTION_NODE
5 ENTITY_REFERENCE_NODE
6 ENTITY_NODE
7 PROCESSING_INSTRUCTION_NODE
8 COMMENT_NODE
9 DOCUMENT_NODE
10 DOCUMENT_TYPE_NODE
11 DOCUMENT_FRAGMENT_NODE
12 NOTATION_NODE

브라우저 지원

element.nodeType DOM Level 1 (1998) 기능입니다。

모든 브라우저는 완전히 지원합니다：

Chrome IE Edge Firefox 사파리 오페라
Chrome IE Edge Firefox 사파리 오페라
지원 9-11 지원 지원 지원 지원