HTML DOM Node Information

The nodeName, nodeValue, and nodeType properties contain information about nodes.

Node Properties

In the HTML Document Object Model (DOM), each node is an object.

Objects have methods (functions) and properties (information about the object), that can be accessed and manipulated by JavaScript.

Three important HTML DOM node properties are:

• nodeName
• nodeValue
• nodeType

The nodeName Property

The nodeName property specifies the name of a node.

• nodeName is read-only
• nodeName of an element node is the same as the tag name
• nodeName of an attribute node is the attribute name
• nodeName of a text node is always #text
• nodeName of the document node is always #document

Note: nodeName always contains the uppercase tag name of an HTML element.

Try it yourself.

The nodeValue Property

The nodeValue property specifies the value of a node.

• nodeValue for element nodes is undefined
• nodeValue for text nodes is the text itself
• nodeValue for attribute nodes is the attribute value

Example1: Get the Value of an Element

The following code fragment retrieves the text node value of the first <p> element:

x=document.getElementById("intro").firstChild;
txt=x.nodeValue;

Result:  txt = "W3Schools example"

Example explained:

1. Get text node of the first <p> element node
2. Set the txt variable to be the value of the text node

Try it yourself

The nodeType Property

The nodeType property returns the type of node.

nodeType is read only.

The most important node types are:

Ektron CMS400.NET Version 7.6 delivers all of the flexibility and features you need to deploy the Web site you want, quickly and efficiently. learn more...       6 ways to take your site to the next level with Ektron: Create site stickiness through social networking. Keep it personal, relevant and interactive and they'll come back for more. Keep it open. Your site needs to be ready and able to connect to outside services. Ektron's open API gives you maximum flexibility. Streamline content and document management. Users need to quickly and intuitively find and add information. Empower your content authors. Reduce IT bottlenecks by allowing business users to create and edit Web content and forms. Climb to the top of search rankings. SEO tools, URL aliasing and eCommerce for your digital marketing strategy Add powerful Web 2.0 tools like blogs, wikis, forums, geo-mapping, rating systems and RSS feeds easily. See why there are 20,000+ Ektron integrations worldwide. Request an INSTANT DEMO or download a FREE TRIAL today.