Nodes and the DOM (Document Object Model)

Document Node: This is the top-level Node in the DOM and represents the entire <html> document.
Element Node: This represents an HTML Element, such as <div>, <p>, <ul>, etc.
Attribute Node: This represents an Attribute of an HTML Element, such as id, class, src, etc.
Text Node: This represents the actual text within an HTML Element.

It’s a Great Day to Be Alive!

<div class="div-element-node-1">
    <div class="div-element-node-2">
        <div class="div-element-node-3">
            <div class="div-element-node-4">
                <div class="div-element-node-5">
                    <div class="div-element-node-6">
                        <div class="div-element-node-7">
                            <div class="div-element-node-8">
                                <p class="p-element-node-1-text-node-1">
                                    It’s a Great Day to Be Alive!
                                </p>
                            </div><!--/div-element-node-8-->
                        </div><!--/div-element-node-7-->
                    </div><!--/div-element-node-6-->
                </div><!--/div-element-node-5-->
            </div><!--/div-element-node-4-->
        </div><!--/div-element-node-3-->
    </div><!--/div-element-node-2-->
</div><!--/div-element-node-1-->

Nodes and the Document Object Model (DOM)