Do You Know The Difference?

Показать описание

If you have ever worked with the DOM before then chances are you have worked with both nodes and elements. No matter what you do with the DOM you have to interact with one or the other, but which is the right choice for you? In this video I will explain the differences between nodes and elements so you can make the right choice.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
00:26 - Node vs Element
4:30 - HTMLCollection vs NodeList

#NodeVsElement #WDS #JavaScript

Рекомендации по теме

Комментарии

The thing I like about Kyle's CSS tutorials is he always does it with style.

sidthetech

What Kyle teaches: CSS styling
What I want to learn: Hair styling

SuboptimalEng

You are genious bro. Instead of focusing on just basic things you always dive deeper.

programmingforfun

This guy is born to be a teacher and mentor

DilanDog

You just save my life.
I am working on a project and I need to understand this.
Thank you.

mm

Tip to use Array methods on dom elements from document.querySelectorAll()
1)
2)

Steviederson

Also Nodelist can easily be converted into array with spread operator to be able to have all JavaScript array method functionality

fabaladibbasey

Thank you Kyle for giving this cheat sheet.Your teaching is also awesome 👌👌

karthicksj

Awesome! Well explained and simplified

pierre

I found this on your website and came to YouTube to give you a like. Super helpful!!!! This cleared up a lot

AustinThomasFilms

Very informative. First time I noticed the difference between these DOM methods when I worked with <html>, <header> and <body> nodes in a project.
You have to notice that Node also is handling attributes and other DOM types. Therefore, the nodeType of a Node has these values: 1 (element), 2 (attribute), 3 (text) and more... Nine or ten in total currently.

oldclient

Thank you very much Kyle for your detailed explanations.

franciswayungi

Super helpful! this was such a mystery to me.

Though I see why direct DOM manipulation isn't exactly encouraged for beginners, this kind of operation could really use a framework to make it more maintainable and scalable!

connorallen

thanks alot, kyle your tips and teachings are very informative and helpful.

YaseenAli

Only you can demystify the most cryptic of JavaScript's intricacies in such an easily understandable manner within 9 minutes, Kyle! This was really helpful! :)

nsharma