Learn DOM Navigation in 15 minutes! 🧭

[@BroCodez]

// 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";
});

[@kosovaR7]

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

[@zappmen]

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😁🎉

[@MulusewWase-r7b]

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

[@shafiq_ramli]

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

[@whatevero3701]

Hes pressing the button to hide all videos from subscribers you're welcum

[@darkslopegaming6855]

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!

[@hunin27]

He supports St. Jude hospital in some of his videos so you could donate there, would be a nice act

[@darkslopegaming6855]

@@hunin27 Oh..okay thank you.

[@xzex2609]

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

[@JarvisBaileyVA]

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

[@kvo6307]

Does anyone know when he will release the full course?

[@ravin20th]

Can u tutorial VueJs!? Full course 👌

[@DKetik]

Bro, make tutorial for libgdx java

[@saikikusou20]

hey bro code how about "asm" full course?

[@hunin27]

Lol hell never publish that, that language is hard as hell

[@tamilvoicestudio6745]

Flutter course please BRO🎉🎉🎉🎉

[@harshjaiswal1634]

Bro continue the series.

[@raitaskeen]

Bro TypeScript...