DOM Traversal

How to climb up, down, and sideways the DOM.

• Climb up and down the DOM
• Get sibling elements
• Filter nodes by selectors
• Detect when an element is in the viewport
• Calculate distances to the top of the bottom of the viewport

Learning Resources

• DOM Injection & Traversal Guide/Course
• Vanilla JS Academy
• The Toolkit
• Daily Developer Tips

Project Ideas

• Accordion - details
• Image Lazy Loader - details
• Table of Contents Component - details

Get Daily Developer Tips

I send out a short email each weekday with code snippets, tools, techniques, and interesting stuff from around the web. Join 5,700+ daily subscribers.