We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Node.nodeName Redirect 1


Returns the name of the current node as a string.


var str = node.nodeName;
  • str is a string variable storing the name of the current element.
  • nodeName is a read-only attribute.


Here are the returned values for different types of nodes.

Interface nodeName
Attr same as Attr.name
CDATASection "#cdata-section"
Comment "#comment"
Document "#document"
DocumentFragment "#document-fragment"
DocumentType same as DocumentType.name
Element same as Element.tagName
Entity entity name
EntityReference name of entity reference
Notation notation name
ProcessingInstruction same as ProcessingInstruction.target
text "#text"


Given the following markup:

<div id="d1">hello world</div>
<input type="text" id="t"/>

and the following script:

var div1 = document.getElementById("d1");
var text_field = document.getElementById("t");

text_field.value = div1.nodeName;

In XHTML (or any other XML format), text_field's value would read "div". However, in HTML, text_field's value would read "DIV", because nodeName and tagName return in upper case on HTML elements in DOMs flagged as HTML documents. Read more details on nodeName case sensitivity in different browsers.

Note that tagName property could have been used instead, since nodeName has the same value as tagName for an element. Bear in mind, however, that nodeName will return #text for text nodes while tagName will return undefined.


Document Tags and Contributors

Last updated by: Sheppy,