DOM Navigation Methods - DOM In Depth

Let's take a look at the main DOM Navigation methods available to us through the DOM API. These will help us to move through the DOM with ease, especially when combined with querySelector.

We look at:
firstChild and firstElementChild
lastChild and lastElementChild
childNodes and children
nextSibling and nextElementSibling
previousSibling and previousElementSibling
parentNode and parentElement

Chapters:
00:00 Introduction
00:51 Dom Navigation Questions
02:14 Parent-Child Relationship
05:36 Another Parent-Child Example
06:52 DOM Navigation Code Example
10:57 Core DOM Navigation Methods
26:17 DOM Navigation Visualization
32:10 Next Steps

📦 Github Repository with the notes and exercise code+solutions: https://github.com/Nooder/dom-in-depth

💬 Come join us on Discord to chat with a like-minded community about tech and learning:   / discord  

🏅Support the channel and content through Super Thanks, Channel Memberships, or on Patreon:   / techwithnader