nodeType özelliği, elementin düğüm tipini verir.
Doküman Nesne Modelinin en temel konularından biri olan düğüm tipini veren nodeType özelliğinin DOM tanımlamasında, olabilecek en kısa tanımı üstteki satırda, düğüm tipleri ise aşağıda belirtilmiştir. Fakat, tarayıcıların doküman içindeki bir bölümde veya harici dokümanda buldukları düğüm sayısı ve tipi farklılık gösterir. Bu yüzden, tarayıcıların kendi belgelerine bakmalısınız. (Aşağıdaki örnekte biraz daha açık olarak gösterilmektedir.)
Sözdizimi
dugumTipi = element.nodeType
Dönüş Değeri
| dugumTipi | Tam sayı olarak aşağıdaki değerlerden birini alabilir.
Düğüm Tipleri
- ELEMENT_NODE
- ATTRIBUTE_NODE
- TEXT_NODE
- CDATA_SECTION_NODE
- ENTITY_REFERENCE_NODE
- ENTITY_NODE
- PROCESSING_INSTRUCTION_NODE
- COMMENT_NODE
- DOCUMENT_NODE
- DOCUMENT_TYPE_NODE
- DOCUMENT_FRAGMENT_NODE
- NOTATION_NODE
|
Aşağıdaki örnek, bir HTML div içine yerleştirilmiş rastgele elementlerin düğüm tiplerinin nodeType ile öğrenilip sayfaya yazdırılmasını göstermektedir.
<div id="OrnekIcerik" style="border:solid 1px #c0c0c0;">
<table id="tablo_element">
<tbody>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<!-- Burası açıklama -->
Rastgele içerik
<![CDATA[
cdata içerik
]]>
<?myNotlar boş içerik?>
<div id="div_element"></div>
</div> <!-- Örnek Sonu -->
<script type="text/javascript">
var Cerceve = document.getElementById('OrnekIcerik').childNodes;
for(i = 0; i < Cerceve.length; i++)
{
document.write(i +". Tip : "+ TipKontrol( Cerceve[i].nodeType ) + "<br/>");
document.write(i +". Adı : "+ Cerceve[i].nodeName + "<br/>");
document.write(i + ". Değer : " + Cerceve[i].nodeValue + "<br/>");
document.write("-------------------------<br/>");
}
function TipKontrol(Sayi)
{
switch(Sayi)
{
case 1: return "ELEMENT_NODE";
case 2: return "ATTRIBUTE_NODE";
case 3: return "TEXT_NODE";
case 4: return "CDATA_SECTION_NODE";
case 5: return "ENTITY_REFERENCE_NODE";
case 6: return "ENTITY_NODE";
case 7: return "PROCESSING_INSTRUCTION_NODE";
case 8: return "COMMENT_NODE";
case 9: return "DOCUMENT_NODE";
case 10: return "DOCUMENT_TYPE_NODE";
case 11: return "DOCUMENT_FRAGMENT_NODE";
case 12: return "NOTATION_NODE";
default: return "Bilinmiyor";
}
}
</script>
Örnek sonucunda birkaç tarayıcının gördüğü toplam düğüm sayısı alttaki tabloda ve ayrıca iki farklı satırı nasıl gördükleri aşağıdaki tablolarda gösterilmiştir.
| Tarayıcı | Düğüm Sayısı |
|---|
| Internet Explorer 6 | 5 |
| Firefox 2.0.0.11 | 9 |
| Opera 9.24 | 11 |
<![CDATA[ bölümünü tarayıcılar aşağıdaki gibi gördü:
| Tarayıcı | Sonuç |
|---|
| Internet Explorer 6 | Görmez |
| Firefox 2.0.0.11 | COMMENT_NODE |
| Opera 9.24 | CDATA_SECTION_NODE |
<?myNotlar boş içerik?> satırını tarayıcılar aşağıdaki gibi gördü:
| Tarayıcı | Sonuç |
|---|
| Internet Explorer 6 |
Tip : COMMENT_NODE
Adı : #comment
Değer : Notlar boş içeri
|
| Firefox 2.0.0.11 |
Tip : TEXT_NODE
Adı : #text
Değer :
|
| Opera 9.24 |
Tip : PROCESSING_INSTRUCTION_NODE
Adı : myNotlar
Değer : boş içerik
|
Canlı Sonuç