You can traverse through the elements in the order they are combined. All the elements are mostly combined in the form of a tree, and we can traverse them starting from the root.
Note
Elements are not combined per se, but they are rather structured or modeled within the document object.
Let's take a look at the following image:
Let's take a look at the following description:
The
<div>element is the parent of<ul>and an ancestor of everything inside itThe
<ul>element is the parent of both the<li>elements and a child of<div>The left
<li>element is the parent of<span>, child of<ul>, and a descendant of<div>The
<span>element is a child of the left<li>and a descendant of<ul>and<div>The two
<li>elements are siblings (they share the same parent)The right
<li>element is the parent of<b>, child of<ul>, and a descendant of<div>