Learn JavaScript DOM Traversal In 15 Minutes
Web Dev Simplified
@webdevsimplifiedAbout
Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular technologies to convert you from a no stack to full stack developer. Web Dev Simplified also deep dives into advanced topics using the latest best practices for you seasoned web developers. I started Web Dev Simplified in order to share my passion for web development, and do what I truly love. Teach and inspire new web developers. I have been in love with full stack web development since 2015 when I did my first internship as a web developer. Ever since then I have pursued my passion, learning everything there is to know about web development. Over the years I have taught many colleagues and friends the joys of web development, and cannot wait to teach you. Thank you for watching!
Latest Posts
Video Description
🚨 IMPORTANT: JavaScript Simplified Course: https://javascriptsimplified.com Traversing the DOM in JavaScript is crucial to building projects on your own. In this video I break down all the ways you can traverse the DOM in JavaScript so that you can more easily build projects on your own. 📚 Materials/References: CSS Selector Video: https://youtu.be/l1mER1bV0N0 🧠 Concepts Covered: - How to traverse up the DOM - How to navigate down the DOM - All the methods for DOM traversal 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 01:34 - getElementById 03:04 - getElementsByClassName 04:16 - QuerySelector 06:48 - querySelectorAll 07:50 - Selecting Children 09:19 - Selecting Descendants 10:39 - Selecting Parents 12:00 - Selecting Ancestors 13:15 - nextElementSibling 13:51 - previousElementSibling #DOMTraversal #WDS #JavaScript
You May Also Like
Upgrade Your Gear Hauling
AI-recommended products based on this video
COTUBLR 31 Inch Computer Desk, Home Office Desk, Simple Modern Small Desk for Bedroom, Writing Desk with Storage Bag, Study Table for Students, Grey Oak
