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:
- Get text node of the first <p> element node
- 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:
| Element type |
NodeType |
| Element |
1 |
| Attribute |
2 |
| Text |
3 |
| Comment |
8 |
| Document |
9 |
The Altova MissionKit is a suite of intelligent XML tools, including:
XMLSpy® – industry-leading XML editor
- Support for all XML-based technologies
- Graphical editing views, powerful debuggers, code generation, & more
MapForce® – graphical data mapping tool
- Drag-and-drop data conversion with code generation
- Support for XML, DBs, EDI, Excel® 2007, text, Web services
StyleVision® – visual stylesheet designer
- Drag-and-drop stylesheet design for XML & databases
- Output to HTML, PDF, RTF, Word 2007, & more
And more…
Try before you buy with a free fully functional 30-day trial
Download today
 |
|
Get Your Diploma!
W3Schools' Online Certification Program is the perfect solution for busy
professionals who need to balance work, family, and career building.
The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate is for developers who want to document their knowledge of JavaScript and the HTML DOM.
The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.
|
|
HOME
Printer friendly page
