Свойство nodeName элемента HTML DOM

Определение и использование

nodeName Возврат свойств имени узла:

  • если узел является узлом элемента, то атрибут nodeName возвращаетимя тега(заглавные буквы).
  • если узел является узлом атрибута, то атрибут nodeName возвращаетимя属性的.
  • если узел является узлом текста, то атрибут nodeName возвращает #text.
  • если узел является узлом комментария, то атрибут nodeName возвращает #comment.
  • если узел является узлом документа, то атрибут nodeName возвращает #document.

атрибут nodeName является только чтением.

смотрите также:

атрибут nodeType

атрибут nodeValue

атрибут tagName

атрибут childNodes

пример

пример 1

возвращает имя узла элемента <p>:

document.getElementById("myP").nodeName;

попробуйте сами

пример 2

возвращает имя узла элемента <body>:

document.body.nodeName;

попробуйте сами

пример 3

получить имена узлов всех детей узла <body>:

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

попробуйте сами

пример 4

получить имя узла, значение и тип первого ребенка узла "myDIV":

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

попробуйте сами

грамматика

element.nodeName

или

node.nodeName

возвращает значение

  • возвращает узел элементаимя тега(заглавные буквы)
  • возвращает узел атрибутаимя属性的
  • возвращает узел текста #text
  • возвращает узел комментария #comment
  • возвращает узел документа #document

поддержка браузерами

element.nodeName является функцией DOM Level 1 (1998).

Все браузеры полностью поддерживают его:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
поддержка 9-11 поддержка поддержка поддержка поддержка