En son web geliştirme öğreticiler
 

HTML DOM nodeName Propery

<Eleman Nesne

Örnek

Bir düğüm adını alın <p> elemanı:

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

X'in sonucu olacaktır:

P
Kendin dene "

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


Tanımı ve Kullanımı

nodeName özelliği belirtilen düğümün adını döndürür.

düğüm bir eleman düğümü ise, nodeName özelliği etiket adı dönecektir.

düğüm bir öznitelik düğümü ise, nodeName özelliği özelliğin adını döndürür.

Diğer düğüm türleri için, nodeName özelliği farklı düğüm türleri için farklı isimler dönecektir.

İpucu: Ayrıca kullanabilirsiniz tagName bir öğenin etiket adını döndürmek için özellik. Fark nodeName bütün düğümlerin adını döndürür iken tagName sadece etiket adlarını iade olmasıdır (tags, attributes, text, comments) .

Bu özellik salt okunur.


Tarayıcı Desteği

özellik
nodeName Evet Evet Evet Evet Evet

Sözdizimi

node .nodeName

Teknik detaylar

Geri dönüş değeri: düğümün adını gösteren bir String.

Olası değerler:

  • büyük harfle, eleman düğümleri için tagname döndürür
  • nitelik düğümleri için özelliğin adını döndürür
  • İade "#text" metin düğümleri için
  • İade "#comment" açıklama düğümleri için
  • İade "#document" belge düğümleri için
DOM Sürüm Çekirdek Seviye 1 Düğüm Nesne

Örnekler

Diğer Örnekler

Örnek

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

var x = document.body.nodeName;

X'in sonucu olacaktır:

BODY
Kendin dene "

Örnek

Düğüm adlarını 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].nodeName + "<br>";
}

document.getElementById("demo").innerHTML = txt;

Txt sonucu olacaktır:

#text
P
#text
BUTTON
#text
P
#text
#comment
#text
DIV
#text
P
#text
SCRIPT
#text
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ı: öğesi. tagName Mülkiyet

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

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

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


<Eleman Nesne