최신 웹 개발 튜토리얼
 

HTML DOM nodeType Propery

<요소 개체

예

body 요소의 노드 종류 :

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

X의 결과는 다음과 같습니다

1
»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

의 nodeType 속성은 지정된 노드의 수와 같은 노드 유형을 반환합니다.

노드가 요소 노드 인 경우, nodeType에 속성은 1을 반환합니다.

노드가 속성 노드 인 경우, nodeType에 속성은 2를 반환합니다.

노드가 텍스트 노드 인 경우, nodeType에 속성은 3을 반환합니다.

노드가 주석 노드 인 경우, nodeType에 속성 8을 반환합니다.

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

브라우저 지원

재산
nodeType 예 예 예 예 예

통사론

node .nodeType

기술적 세부 사항

반환 값 : 노드의 노드 유형을 나타내는 번호,
DOM 버전 코어 레벨 1 노드 개체

노드 유형

문서, 요소, 속성, HTML이나 XML 문서의 다른 측면은 다른 노드 유형이 있습니다.

다양한 노드 유형의 아이를 가질 수 12 개 노드 유형이 있습니다 :

노드 유형 기술 어린이
1 요소 요소를 나타냅니다 요소, 텍스트, 주석, ProcessingInstruction, CDATASection의,의 EntityReference
이 ATTR 속성을 나타냅니다 텍스트,의 EntityReference
삼 본문 요소 또는 속성의 텍스트 내용을 나타냅니다 없음
4 CDATASection의 (파서에 의해 구문 분석되지 않습니다 텍스트) 문서에서 CDATA 섹션을 나타냅니다 없음
5 의 EntityReference 엔티티 참조를 나타낸다 요소, ProcessingInstruction, 주석, 텍스트, CDATASection의,의 EntityReference
6 실재 엔티티를 나타냅니다 요소, ProcessingInstruction, 주석, 텍스트, CDATASection의,의 EntityReference
(7) ProcessingInstruction 처리 명령을 나타내는 없음
8 논평 댓글을 나타냅니다 없음
9 문서 전체 문서를 나타냅니다 (the root-node of the DOM tree) 요소, ProcessingInstruction는 DocumentType는 코멘트
(10) 문서 유형 문서에 정의 된 개체에 대한 인터페이스를 제공합니다 없음
(11) DocumentFragment가 나타낸다] "lightweight" 문서의 일부를 수납 할 수있는 문서 객체를 요소, ProcessingInstruction, 주석, 텍스트, CDATASection의,의 EntityReference
(12) 표기법 DTD에 선언되고있는 표기법을 나타냅니다 없음

노드 유형 - 반환 값

노드 명 각 노드 유형에 대한 nodeValue를 속성의 반환 값 :

노드 유형 노드 명을 반환 nodeValue를 반환
1 요소 요소 이름 없는
이 ATTR 이름 속성 속성 값
삼 본문 #본문 노드의 내용
4 CDATASection의 #의 CDATA 섹션 노드의 내용
5 의 EntityReference 개체 참조 이름 없는
6 실재 엔티티 이름 없는
(7) ProcessingInstruction 목표 노드의 내용
8 논평 #논평 주석 텍스트
9 문서 #문서 없는
(10) 문서 유형 문서 타입 이름 없는
(11) DocumentFragment가 #document 조각 없는
(12) 표기법 표기법 이름 없는

NodeTypes - 명명 된 상수

노드 종류 상수 명명
1 ELEMENT_NODE
이 ATTRIBUTE_NODE
삼 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
예

더 예

예

의 노드 유형 가져 오기 <body> 요소를 :

var x = document.body.nodeType;

X의 결과는 다음과 같습니다

1
»그것을 자신을 시도

예

의 노드 유형 가져 오기 <body> 요소의 자식 노드 :

var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
    txt = txt + c[i].nodeType + "<br>";
}

document.getElementById("demo").innerHTML = txt;

TXT의 결과는 다음과 같습니다

3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
8    // comment node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
»그것을 자신을 시도

예

노드 이름, 노드 값과의 노드 유형 가져 오기 <div> 요소의 첫 번째 자식 노드를 :

<div id="myDIV">This is a div element.</div>

<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>

TXT의 결과는 다음과 같습니다

The node name: #text
The node value: This is a div element.
The node type: 3
»그것을 자신을 시도

관련 페이지

HTML DOM 참조 : 노드입니다. 여기서 nodeName 속성

HTML DOM 참조 : 노드입니다. nodeValue를 등록

HTML DOM 참조 : 노드입니다. childNodes에 등록

<요소 개체