목차
- nodeType 예제 - 노드타입 반환
- nodeType 정의
- nodeType 구문
- nodeType 종류
- nodeType 종류별 (nodeName/nodeValue) 반환
- nodeType 종류별 상수 이름
nodeType 예제 - 노드타입 반환
<h1 id='hz'>홈짱닷컴 Homzzang.com</h1>
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var x = document.getElementById("hz").nodeType;
document.getElementById("demo").innerHTML = x;
}
</script>
결과값: 1
nodeType 정의
노드타입을 숫자로 반환. (읽기전용속성)
1.
- 요소노드 경우 : 1 반환.
- 속성노드 경우 : 2 반환.
- 텍스트노드 경우 : 3 반환.
- 주석노드 경우 : 8 반환.
2.
모든 브라우저 지원
3.
DOM 버전 : Core Level 1 Node Object
nodeType 구문
node.nodeType
[반환값]
노드 유형 나타내는 숫자번호 반환.
nodeType 종류
Node 유형번호/의미 |
설명 |
자식 |
---|
1 |
Element |
요소 (element) |
Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference |
2 |
Attr |
속성 (attribute) |
Text, EntityReference |
3 |
Text |
요소나 속성 안의 text 문자열. |
None |
4 |
CDATASection |
웹문서 안 CDATA section (parser에 의해 parse 안 되는 문자열) |
None |
5 |
EntityReference |
실체값 참조 (entity reference) |
Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
6 |
Entity |
실체값 (entity) |
Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
7 |
ProcessingInstruction |
처리 지시 (processing instruction) |
None |
8 |
Comment |
주석 (comment) |
None |
9 |
Document |
전체 웹문서 (entire document) (※ DOM tree의 root-node) |
Element, ProcessingInstruction, Comment, DocumentType |
10 |
DocumentType |
문서에 대해 정의된 실체값 (entity)에 대한 인터페이스 제공 |
None |
11 |
DocumentFragment |
경량화 된 document 객체 (문서 일부를 담을 수 있음.) |
Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
12 |
Notation |
DTD에 선언된 표기 |
None |
nodeType 종류별 (nodeName/nodeValue) 반환
Nodetype |
nodeName 반환값 |
nodeValue 반환값 |
---|
1 |
Element |
요소명 (element name) |
null |
2 |
Attr |
속성명 (attribute name) |
attribute value |
3 |
Text |
#text |
content of node |
4 |
CDATASection |
#cdata-section |
content of node |
5 |
EntityReference |
실체값 참조 이름(entity reference name) |
null |
6 |
Entity |
실체값 이름 (entity name) |
null |
7 |
ProcessingInstruction |
target |
content of node |
8 |
Comment |
#comment |
comment text |
9 |
Document |
#document |
null |
10 |
DocumentType |
doctype name |
null |
11 |
DocumentFragment |
#document fragment |
null |
12 |
Notation |
notation name |
null |
nodeType 종류별 상수 이름
NodeType |
상수명 |
---|
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 |