HTML DOM Element nodeName 属性

定义和用法

nodeName 属性返回节点的名称：

  • Düğüm element düğümse, nodeName özelliği döneretiket adı（büyüktür）.
  • Düğüm özellik düğümse, nodeName özelliğiözellik adı.
  • Düğüm metin düğümse, nodeName özelliği #text.
  • Düğüm yorum düğümse, nodeName özelliği #comment.
  • Düğüm belge düğümse, nodeName özelliği #document.

nodeName özelliği yalnızca okunabilir.

Daha fazla bakınız:

nodeType özelliği

nodeValue özelliği

tagName özelliği

childNodes özelliği

örnek

örnek 1

<p> elementinin düğüm adını döner:

document.getElementById("myP").nodeName;

Kişisel olarak deneyin

örnek 2

<body> elementinin düğüm adını döner:

document.body.nodeName;

Kişisel olarak deneyin

örnek 3

<body> elementinin çocuğu düğüm adlarını alın:

const nodes = document.body.childNodes;
let text = "";
for (let i = 0; i < nodes.length; i++) {
  text += nodes[i].nodeName + "<br>";
}

Kişisel olarak deneyin

örnek 4

"myDIV" inanın ilk çocuğunun düğüm adı, değeri ve türünü alın:

const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "Name: " + x.nodeName + "<br>";
text += "Value: " + x.nodeValue + "<br>";
text += "Type: " + x.nodeType;

Kişisel olarak deneyin

gramer

element.nodeName

veya

node.nodeName

dönüş değeri

  • element düğümü döneretiket adı（büyüktür）
  • özellik düğümü dönerözellik adı
  • metin düğümü döner #text
  • yorum düğümü döner #comment
  • döküman düğümü döner #document

tarayıcı desteği

element.nodeName Bu, DOM Level 1 (1998) özelliğidir.

Tüm tarayıcılar bunu tamamen destekliyor:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
destek 9-11 destek destek destek destek