Learn DOM Navigation in 15 minutes! 🧭 

// DOM Navigation = The process of navigating through the structure // of an HTML document using JavaScript. // .firstElementChild // .lastElementChild // .nextElementSibling // .previousElementSibling // .parentElement // .children // ---------- .firstElementChild ---------- const ulElements = document.querySelectorAll("ul"); ulElements.forEach(ulElement => { const firstChild = ulElement.firstElementChild; firstChild.style.backgroundColor = "yellow"; }); // ---------- .lastElementChild ---------- const ulElements = document.querySelectorAll("ul"); ulElements.forEach(ulElement => { const lastChild = ulElement.lastElementChild; lastChild.style.backgroundColor = "yellow"; }); // ---------- .nextElementSibling ---------- const element = document.getElementById("vegetables"); const nextSibling = element.nextElementSibling; nextSibling.style.backgroundColor = "yellow"; // ---------- .previousElementSibling ---------- const element = document.getElementById("desserts"); const prevSibling = element.previousElementSibling; prevSibling.style.backgroundColor = "yellow"; // ---------- .parentElement ---------- const element = document.getElementById("ice cream"); const parent = element.parentElement; parent.style.backgroundColor = "yellow"; // ---------- .children ---------- const element = document.getElementById("fruits"); const children = element.children; Array.from(children).forEach(child => { child.style.backgroundColor = "yellow"; });

You have been tremendously helpfull during my learning journey in my bootcamp. Thank you so much!

Thank you so much!! I have not words dear.

ahh finally, i watching all of your new js playlist its helpful to get me understanding js can't wait for the next content. Thank you bro😁🎉

I still don't get it why I don't see your uploaded videos on my subscription feed. What's wrong with my RU-vid account?

Hey Bro Code, I really enjoy your videos and I have learnt a ton from you! I was wondering if you had a patreon page or a donation page or something, cause I really want to support you!

Bro I see that you select your line to copy it on the new line , VS Code has this very useful key command that wiothout selecting duplicates the current line it's ALT+SHIFT +D i really am addicted to this way

How did you know I was having this exact lesson TODAY?

Can u tutorial VueJs!? Full course 👌

Bro continue the series.

Flutter course please BRO🎉🎉🎉🎉

Bro, make tutorial for libgdx java

Does anyone know when he will release the full course?

hey bro code how about "asm" full course?

Bro TypeScript...