HTML DOM Element nodeName 属性

定义和用法

nodeName 属性返回节点的名称：

  • jeśli węzeł jest węzłem elementu, to atrybut nodeName zwracanazwa etykiety(wielkie litery).
  • jeśli węzeł jest węzłem atrybutu, to atrybut nodeName zwracanazwa atrybutu.
  • jeśli węzeł jest węzłem tekstowym, to atrybut nodeName zwraca #text.
  • jeśli węzeł jest węzłem komentarza, to atrybut nodeName zwraca #comment.
  • jeśli węzeł jest węzłem dokumentu, to atrybut nodeName zwraca #document.

atrybut nodeName jest jedynie do odczytu.

patrz również:

atrybut nodeType

atrybut nodeValue

atrybut tagName

atrybut childNodes

przykład

przykład 1

zwraca nazwę węzła elementu <p>:

document.getElementById("myP").nodeName;

spróbuj sam

przykład 2

zwraca nazwę węzła elementu <body>:

document.body.nodeName;

spróbuj sam

przykład 3

pobierz nazwy węzłów potomków elementu <body>:

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

spróbuj sam

przykład 4

pobierz nazwę węzła, wartość i typ pierwszego potomka "myDIV":

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

spróbuj sam

schemat

element.nodeName

lub

node.nodeName

zwrócona wartość

  • zwraca węzeł elementunazwa etykiety(wielkie litery)
  • zwraca węzeł atrybutunazwa atrybutu
  • zwraca węzeł tekstowy #text
  • zwraca węzeł komentarza #comment
  • zwraca węzeł dokumentu #document

wsparcie przeglądarek

element.nodeName jest cechą DOM Level 1 (1998).

wszystkie przeglądarki wspierają je w pełni:

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