Element.nodeType

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ç

Rastgele içerik

İlgili Başlıklar