What is a node?
DOM is a hierarchy (tree) structure. Each vertex, is called a node.
Example of nodes:
- An HTML/XML element is a node. e.g.
- An HTML/XML element's text content is a node. e.g. the “something” in
- The first line in a HTML/XML file the “DTD” such as
<!doctype html>, is a node.
<!-- abc -->is a node.
- Certain whitespace between tags is a node. [see DOM: Whitespace Nodes]
What is Node Type
Each HTML/XML node has a Node Type. Node type is important because typically you want to ignore a comment node, or Whitespace Nodes, or text nodes.
For example, if you want to get the name of a element, but if the node is a Whitespace Nodes or text node or comment, you'll get error or null.
So, you need to first check the type of the node.
What is an Element?
An element is a special type of node (Node Type value 1), that is represented by a tag in HTML/XML source code.
When working with HTML/XML, most of the time, you want to work with elements, not nodes such as Whitespace Nodes or comment nodes.
Many DOM interfaces has a version that return only elements and ignore
For example, property
return the first child node,
ignores whitespace nodes, return the first element node.
When working with XML, it's more common to work with the more general concept of nodes.
Difference Between Node vs Element
A node is the fundamental object in Document Object Model. They include HTML element, XML element, and also Comment, text nodes (such as text inside a bold tag), Whitespace Nodes.
A element is a particular type of node. In general, they are object represented by HTML tags or XML tags (such as SVG).