HTML DOM nodeType Özelliği
Örnek
Gövde öğesinin düğüm türünü alın:
var x = document.getElementById("myP").nodeType;
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
nodeType özelliği, belirtilen düğümün düğüm türünü bir sayı olarak döndürür.
Düğüm bir öğe düğümüyse, nodeType özelliği 1 değerini döndürür.
Düğüm bir öznitelik düğümüyse, nodeType özelliği 2 değerini döndürür.
Düğüm bir metin düğümüyse, nodeType özelliği 3 değerini döndürür.
Düğüm bir yorum düğümüyse, nodeType özelliği 8 değerini döndürür.
Bu özellik salt okunurdur.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
nodeType | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
node.nodeType
Teknik detaylar
Geri dönüş değeri: | Düğümün düğüm türünü temsil eden bir Sayı |
---|---|
DOM Sürümü | Çekirdek Düzey 1 Düğüm Nesnesi |
Düğüm Türleri
Bir HTML veya XML belgesinin belgeleri, öğeleri, nitelikleri ve diğer yönleri farklı düğüm türlerine sahiptir.
Çeşitli düğüm türlerine sahip olabilecek 12 farklı düğüm türü vardır:
Node type | Description | Children | |
---|---|---|---|
1 | Element | Represents an element | Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference |
2 | Attr | Represents an attribute | Text, EntityReference |
3 | Text | Represents textual content in an element or attribute | None |
4 | CDATASection | Represents a CDATA section in a document (text that will NOT be parsed by a parser) | None |
5 | EntityReference | Represents an entity reference | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
6 | Entity | Represents an entity | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
7 | ProcessingInstruction | Represents a processing instruction | None |
8 | Comment | Represents a comment | None |
9 | Document | Represents the entire document (the root-node of the DOM tree) | Element, ProcessingInstruction, Comment, DocumentType |
10 | DocumentType | Provides an interface to the entities defined for the document | None |
11 | DocumentFragment | Represents a "lightweight" Document object, which can hold a portion of a document | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
12 | Notation | Represents a notation declared in the DTD | None |
Düğüm Türleri - Dönüş Değerleri
Her düğüm türü için nodeName ve nodeValue özelliklerinin dönüş değeri:
Node type | nodeName returns | nodeValue returns | |
---|---|---|---|
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 |
NodeTypes - Adlandırılmış Sabitler
NodeType | Named Constant |
---|---|
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 |
Daha fazla örnek
Örnek
<body> öğesinin düğüm türünü alın:
var x = document.body.nodeType;
Örnek
<body> öğesinin alt düğümlerinin düğüm türlerini alın:
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;
Örnek
<div> öğesinin ilk alt düğümünün düğüm adını, düğüm değerini ve düğüm türünü alın:
<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>
İlgili Sayfalar
HTML DOM referansı: düğüm. nodeName Özellik
HTML DOM referansı: düğüm. nodeValue Özellik
HTML DOM referansı: düğüm. childNodes Özellik