JavaScript Tutorial - Navigate DOM Nodes

The JavaScript Document Object Model (DOM) is a powerful mechanism to navigate through and create new instances of HTML mark-up structure.

In the XML DOM, node relationships are defined as properties to the nodes:

  • parentNode
  • childNodes
  • firstChild
  • lastChild
  • nextSibling
  • previousSibling

This tutorial explores DOM traversal methods and applies styles to the content.