En son web geliştirme öğreticiler
 

HTML DOM nodeType Propery

<Eleman Nesne

Örnek

Vücut elemanın düğüm türünü alın:

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

X'in sonucu olacaktır:

1
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.


Tanımı ve Kullanımı

nodeType özelliği, belirtilen düğüm, bir dizi olarak, düğüm türü döner.

düğümü içeren bir düğüm, nodeType özelliği 1 döndürür.

düğüm bir öznitelik düğümü, nodeType özelliği 2 dönecektir.

Düğüm bir metin düğümü, nodeType özellik 3 dönecektir.

Düğüm bir açıklama düğümü, nodeType mülkiyet 8 dönecektir.

Bu özellik salt okunur.


Tarayıcı Desteği

özellik
nodeType Evet Evet Evet Evet Evet

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 Seviye 1 Düğüm Nesne

Düğüm Çeşitleri

Belgeler, elementler, nitelikleri ve bir HTML veya XML belgesinin diğer yönleri farklı düğüm tipleri vardır.

Çeşitli düğüm türlerinin çocuk sahibi olabilir 12 farklı düğüm türleri vardır:

Düğüm türü Açıklama çocuklar
1 Eleman bir elemanı temsil eder Eleman, Metin, Yorum, ProcessingInstruction, CDATASection, EntityReference
2 attr Bir özelliği temsil Metin, EntityReference
3 Metin Bir elemanın veya özelliğinde metin içeriği temsil Yok
4 CDATASection (Bir çözümleyici tarafından çözümlenen ALINMAYACAKTIR metin) Bir belge bir CDATA bölümü temsil Yok
5 EntityReference Bir işletme referans temsil eder Eleman, ProcessingInstruction, Yorum, Metin, CDATASection, EntityReference
6 varlık bir varlık temsil Eleman, ProcessingInstruction, Yorum, Metin, CDATASection, EntityReference
7 ProcessingInstruction bir işlem yönergesi temsil Yok
8 Yorum Yap Yorum Temsil Yok
9 belge Belgenin tamamını temsil (the root-node of the DOM tree) Eleman, ProcessingInstruction, DocumentType Comment
10 Belge Türü belge için tanımlanmış kuruluşlara bir arayüz sağlar Yok
11 DocumentFragment Bir Temsil "lightweight" bir belgenin bir bölümünü tutabilir Belge nesnesini Eleman, ProcessingInstruction, Yorum, Metin, CDATASection, EntityReference
12 Gösterim DTD'de bildirilmiş bir gösterimi temsil Yok

Düğüm Çeşitleri - Dönen Değerler

nodeName ve her bir düğüm tipi için nodeValue özelliklerinin dönüş değeri:

Düğüm türü nodeName döner nodeValue döner
1 Eleman eleman adı boş
2 attr özellik adı özellik değeri
3 Metin #Metin düğümün içeriği
4 CDATASection # Cdata-bölüm düğümün içeriği
5 EntityReference varlık başvurusu adı boş
6 varlık varlık adı boş
7 ProcessingInstruction hedef düğümün içeriği
8 Yorum Yap #yorum Yap yorum metnini
9 belge #document boş
10 Belge Türü doctype adı boş
11 DocumentFragment #document fragmanı boş
12 Gösterim notasyonu adı boş

NodeTypes - Adlandırılan Sabitler

NodeType Sabit Named
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

Örnekler

Diğer Örnekler

Örnek

Düğüm türünü alın <body> elemanı:

var x = document.body.nodeType;

X'in sonucu olacaktır:

1
Kendin dene "

Örnek

Düğüm türlerini alın <body> öğenin alt düğümlerin:

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 sonucu olacaktır:

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
Kendin dene "

Örnek

Düğüm adı, düğüm değeri ve düğüm türünü alın <div> öğenin ilk çocuk düğüm:

<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 sonucu olacaktır:

The node name: #text
The node value: This is a div element.
The node type: 3
Kendin dene "

İlgili Sayfalar

HTML DOM referans: düğümü. nodeName Mülkiyet

HTML DOM referans: düğümü. nodeValue Mülkiyet

HTML DOM referans: düğümü. childNodes Mülkiyet


<Eleman Nesne