Learn DOM Navigation in 15 minutes! 🧭

Рет қаралды 17,555

Күн бұрын

Пікірлер

@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 4 ай бұрын

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 KZbin 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 11 ай бұрын

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