JavaScript DOM Crash Course - Part 2

In this video we will learn how to traverse and move around the DOM with properties like parentNode, parentElement, nextElementSibling and so on. We will also learn how to insert elements with createElement() and createTextNode()

CODE: Code for this video

BECOME A PATRON: Show support & get perks!

ONE TIME DONATIONS:

COURSES & MORE INFO:

FOLLOW TRAVERSY MEDIA:

NEW DISCORD CHAT SERVER:

[letmewatch.]

14:54 thank you for not editing that out. Had a laugh and it boosted my spirit

[eS_Zett]

00:23 Traversing the DOM Introduction
01:18 Parents
01:18 .parentNode
04:03 .parentElement
04:48 Children
04:48 .childNodes
06:36 .children
08:03 .firstChild
08:58 .firstElementChild
09:38 .lastChild & .lastElementChild
10:37 Siblings
10:37 .nextSibling
11:17 .nextElementSibling
12:04 .previousSibling
12:31 .previousElementSibling
14:12 Create Elements
14:30 .createElement()
16:50 .createTextNode()
17:27 .appendChild()
17:59 Insert Created Elements Into the DOM
18:12 .insertBefore()

[LukasShannon]

I've been following you for just a few weeks but your content is incredible! It's thorough while being accessible enough for me to start using right away. Very practical explanations, a great voice for the narrations, and a wide range of content covering all of the tools I need! Thanks a lot!

[casedup]

Thanks for not editing that out. Good humor and learning just makes sense.

[romeojoseph]

I am Romeo, I am a self taught for now and I'm about 16 years old I have been learning front-end development since one and half years .
fan of your

[AzTreandwealth]

I just want to say a MASSIVE thank you! I have been waiting for someone to create a video tutorial, specifically to do with Javascript and the DOM, and this is a simple yet outstanding one. I love these videos man. I just completed codeacademy a few times but was still a little lost in terms of how to put JS together as a web developer. This stuff has been a great help so far. I have been practicing in the console as you have been explaining and my understanding of JS and the DOM is definately expanding very quickly, and I am starting to connect the puzzle of JS a lot more. Excellent teaching style as well. Once again, many thanks!!

[iansanders]

Just recently discovered your channel. This has to be the most concise series on DOM manipulation I have ever seen. Thank you so much for uploading these

[kristinaivanova]

I just love this guy...I was at the edge of giving up coding and decided no to by watching Brad's tutorials cause they are somehow giving me hope and his voice is my light lol

[aaryanbudhirajamusic]

They can show as many ads they want whether it's in the starting of the video, in between or anywhere, I can watch all of them to learn from you. You make a difference bro. I'm in college rn, but when i start earning, you can expect a really big donation. Cheers!

[Peywan]

youre so amazing brad, your tutorials ins the only ones i need for javascript. you're literally the best teacher that i didn't have!!

[nishanthsubramanya]

I disable my adblock when I get into Traversy Media!!! You are just awesome.

[lynguist]

traversing the dom - with traversy the don ;) thank you so much brad!

[MuhammadjavohirSuratov]

Great videos, Brad. Keep it up! You are creating tons of videos lately :) Make sure to have a rest time-to-time :)

[autumnaurora]

"Neither one of them are inside of each other so they're siblings"
Alabama : hold my beer

[erenkucuker]

This video series really helpful. I had been working 2 weeks with javascript tutorials but you need to got these fundamentals rather than operands or something else. Thanks, brad.

[rorjackson]

I would disable my ad blocker to support you as much as i can, I love your content and method of teaching, You are awesome, I hope one day I shall create something awesome and that credit will certainly go to you. Javascript was a nightmare for me as I am learning from videos only. You have made javascript so easy and fun, thank you again. Keep making more videos kindly.

[mudassirjabbar]

I don't know if it has to be linked or not with my previous basic knowledge of js from random platforms, but as a code newbie i would like to testify that this is the best and amazing explanation of basic Javascript...

[TheGerm]

"Should I edit that out..." I like your casual style. Its funny and engaging.

[asmamanzoor]

Thank you for this great tutorial series on DOM.
I have bought your udemy javascript course and intends to buy more courses after completion.

Thanks a lot for the lovely courses and tutorials.

[christophercarr]

Super helpful -- this has been a much-needed supplement to the DOM section in the Udacity Front-End Nanodegree I'm working on (not their strongest section).

Now I'm looking for a higher-level walk-through of the DOM's structure and function.