0:45 DOM Introduction 7:05 Query Selector 12:15 Query Selector All 15:38 Getting element by ID 16:56 Getting element by Class Name 19:18 Getting element by Tag Name 21:06 Changing text inside element 25:36 Changing HTML inside element 30:50 Getting and setting attribute of element 42:19 Adding and removing class 45:55 Challenge 51:08 Toggling class

One of the best Javascript course I've ever seen, really thank you for this work, very well structured, simple and very very very easy to understand. It's not easy to for me to be 100% concentrated on 60 min video but you just did it. I learned so much and i recommend this course to any beginner or experienced developer who want to know more about Javascript.

I just finished the whole tutorial and I must say It’s one of the greatest tutorials I’ve ever taken! Absolutely useful even 2 years later 🤯 Thank you so much shaun, appreciate it 🙌🏻

Hey man. Your lectures are so clear and concise. Thank you so much for putting these up!

I've watched quite a few tutorials from various knowledgeable experts, who clearly know what they're talking about, but I found myself getting lost when they don't refer back to the results or the original HTML often enough. When learning, I find it important to clearly show the results both before and after performing some action. You clearly did this and I now come away with a better mental model of how to do DOM scripting.

Done watching all the six vids, and this is the best javascript video i hv ever watched. Legend!

You have no idea how much I appreciate your work. Thank you Shaun.

I came to Sensei Shauns channel for a github tutorial. Now I know html and css as well as modern javascript XD. You're content is not only amazing but it is addictive like a television series because you are such a fantastic teacher and I will be purchasing almost every course you have when I start work in March 2021. I am proud to be a ninja.

WOW! This is great. I've got a site with about 25-30 pages on it that I've wanted to expand. Except then I'd have to update the menu structure every time I added a new page. Instead, I can just create a .js file with the menu code in an html template and by adding two lines (one that an empty div to hold the menus and the other a link to the js src), all I have to do is update the javascript and it gets reflected everywhere. COOL!

This series has a fantastic overview over the JavaScript topics. Big recommendation 🔥

Just finished your six videos on modern JS! Your tutorials are more clear than my CS professor. Ended up getting the rest of this course, try to be a JavaScript pro 💪

Just finished this course! It was great as usual when it is done by the net ninja ! Thanks again for the great effort.

The best style of teaching a complex thing I've ever had! Thank you so much for keeping it free! I'll recommend anyone looking for learning JavaScript to sign-up for the Udemy course by this author.

I followed your tutorials until this point. I successfully completed the assignment of giving the class of error/success to the elements without watching your explanation. That was huge for me because I have been trying to learn and I always get discourage by the way other instructors have approach their tutorials/courses. But it goes with no saying, that I have just purchased your course and I am committed to work on it diligently. Thank you for sharing your work until this point and thank you for putting together the complete course on Udemy.

This is the best DOM video I have seen. Thank you so much!

OMG i love this. I never comment on videos but after watching this 4 years later and i can say this is gold. I wish i had money for the full course though

Honestly, better tutorial than a Bootcamp I paid for... shockingly great. Thanks, Ninja!

Thanks a lot for this video series. I have been using JS for about six years, but I couldn't understand some simple things until watching these videos.

Thank you for this free tutorial series, it has helped me A LOT. I have watched and gone through other JS tutorials, but none have really expressed the interactivity as you did in this video. I will be taking your Udemy course in the near future and will be recommending these videos to anyone interested in learning JS. Thank you, keep doing what you do, you're great at it!

Thanks a lot for this serie. I like your way of teaching. I think your videos are the best ever for someone who doesn't have basics in programing languages.

This is the best DOM tutorial I've found! And I looked for it everywhere. Thank you, The Net Ninja!

Thanks a lot man,i finished the entire playlist and it was gold.You're not just saving Princess Peach but guys like me too hahaha

Amazing class and series! I learned a lot. you have a gift for teaching dear sir.

I have come across many udemy courses and youtube tutorials but net ninja is by far the best! He just gets you hooked on "studies!"!!

Thank you so much you've made me love JavaScript

thank you this is the best js course on youtube! first time i understood and coded js like that, great work man!

Best DOM manipulation guide I've found yet!

After finishing the whole JS playlist, I just bought the full course. I wasn't sure about it because my mother language isn't English, but you explain it so clear that it is very easy to understand it all. Thank you so much for the quality of your "teaching". See you there Shaun!

one of the best instructors on youtube. You've taught me a ton of html, css, and js in 2 weeks and I'm picking it up pretty quickly.

This is the best javascript tutorial i came across.I learnt a lot.Thank you a million times.

I don't think I've ever learned so much, so easily! I'll be looking into your udemy course. Thank you!!!

You ARE the absolute BEST Instructor I have ever had. I have been programming for 23 years and you are hands down the BEST Instructor ever!!! Thank you!!!

Teaching is an art and Shaun is gifted that. Thank you so much for the great tutorial. I will definitely enroll to the Udemy course to continue with other sections. Keep up your good work.

Thank you for the opportunity to learn the basics of JavaScript. I feel powerful already 🙂

I brought this course right now and I'm SOOOOOOOOOOOOOO excited to start! :)

Thanks Shaun for these course, I wish you all the very best, love from INDIA ♥

This is the day I fully understand the DOM. Thanks Ninja

Thanks again! I bought the course without any doubt!

Thank you The Net Ninja. Finally, I fully understand Javascript!

Thank you for all the amazing tutorials! As a self taught developer your videos have helped me a lot!

I can't believe I only found your channel just days before my exams. Better late then never!

thank you so much for tutorial bro. this is best tutorial for javascript i ever had.

Really helpful video. It helped me finishing my assignment. Thanks

Great stuff. As soon as we started manipulating html and css I was hooked. Just purchased the course. Looking forward to the projects/apps to build Thanks!

Thank you so much for these tutorials. Beyond helpful! Can't believe I learned so much. Just purchased your Udemy Course, can't wait to dive in!

Thanks a lot I finished the entire playlist and it is gold. plz upload more videos

You made javascript easy to learn,...... I’ve come a long way from mimo down to SoloLearn to freecodecamp to a free trail of Team Treehouse and none of them explains in Dept like you do...I so love your teaching and I would by Gods grace buy your course at Udemy...

you impress me more and more ! thank you for your ninja services .

You are the real net ninja !!!! Thank you very much Shaun..

Amazing tutorials, watching the Net Ninja since 2018

You absolute legend, thanks so much for all your videos!

Thank you shaun, this is the best javascript course and i've tried a lot, I just bought the udemy course, and thank you for the other courses.

I'm very tankful for this course I learned what I did not in the last years in the classroom ty man ty.

HI Shaun, Thanks for this JavaScript series. It is really helpful. Easy to map all the concept in mind with the help of your teaching. I learned so much. Looking forward to buy your udemy full course.

Tu es seulement le meilleur The Net Ninja. You are the best of the best, le top de top, la crème de crème.

Best JavaScript Tutorial, I bought the full course and it is excellent ! , Arrigato Net Ninja San !

one of the best javascript course, tanx a lot

lorem error ipsum lorem success ipsum lorem ipsum lorem lorem ipsum success error lorem ipsum lorem ipsum lorem lorem ipsum error success lorem ipsum

Just finished these 6 chapters. Thanks a lot, this is really awesome and I just bought your udemy course!

Thx a lot mate. Now moving to your React course. Great content and explanation !

well I've been dealing with vanilla js and react for a couple of months now but I've decided to reinforce my JS skills from the scratch and started watching this series just because it's from Shaun. and as I guessed beforehand, this now let me to buy the follow up course on Udemy. man I feel like a bot who propagates an ad :D this is real word of mouth.

I appreciate your tutelage Shaun. My very lengthy road of getting to the solution. const paras = document.querySelectorAll("p"); paras.forEach(para=>{ let list = para.innerText.split(" "); for(let i = 0; i

great effort that you had paid off, millions thanks Shaun !

My assignment based on challenge was this: //loop through p tags const content = document.querySelectorAll("p"); content.forEach((pTag) => { // add new variable that have keywords success or errors let text = pTag.innerText; // console.log(text ); if (text.includes("error")) { pTag.classList.add("error"); } else if (text.includes("success")) { pTag.classList.add("success"); } else { pTag.style.color = "orange"; pTag.style.border = "1px dotted"; } }); After looking at the solution I could see that I could've cut some code, but I managed to do the assignment which I was proud of. Thanks for giving out those really useful resources out on the internet for free Shaun, I really appriciate it a lot!

This is the best DOM tutorial. Thank you very much!

Thank you so much for this playlist! I learnt a lot. You are an amazing teacher.

I just finished the course! IT WAS EXCELLENT! THANK YOU!

This always confused me. Thank goodness I found your tutorial!❤ My friends recommended you on Twitter.❤

really enjoyed this. thank you very much you really deserve all the best

I'm glad I found this video , thank you.

Excellent course! Looking at all of your content, you are one of the best teachers I've ever had. And that's after having been through university lol. Force be with you always.

I've been watching your videos and they have been great. Everything leading up to here (HTML, CSS and now this) have been some of the best online tutorials I've seen. However for the first time I find myself a little lost. The examples here are well done, I just don't know why anyone would ever use these queries when you can simply change the html file? If anyone reading this provide a real world example or further clarify the why, it would be greatly appreciated. Thanks!

Your videos are really helpful! Thanks alot 🙂

I love your tutorials, thanks a lot :)

QuerySelectooooor)))) thanks for video! You are explaining so good!

please more of it!!!! so helpfull and interesting!

Query Selectooooooor :D awesome tutorials man!!

Please post the remaining sections. This is easily the best Javascript tutorial on the planet. End of story...

Really amazing tutorial. I learned a lot of things, and it cleared all of my confusions, I must thank you for such tutorials, All because of you I fell in love with programming and coding, thanks again, wishing you all the best and the path of eternity.

Thanks a lot, man u get me on the tracks

literally the best javaScripy ninja

You are an excellent teacher!

these videos are so clutch javascript down , node and express next thx

Very useful guide because it considers modern solutions and es6

Thanks a lot , it was very informative.

Very Impressive.. Thank you so much!! I recommend it !!

Thank you Sensei 🙏🏾

Wow, I wanted more by the end of #6 and I purchased Udemy to continue. This is probably the only online course that kept my attention from the beginning till the end, and probably the only I will actually finish without skipping! From someone who is studying web dev atm (JS, React..) I can say, YOU ROCK

The only video I found that truely shows the way to connect javascript with html. Thanks a lot man !! (Given that you know the basics of html, css selectors and javascript) Any discount for the full course soon?

Thanks making javascript easy 🥰

Very interesting topic on DOM manipulation. Thank you.

Thank u for this awesome video and series

Love your teaching bro

thanks for this course, it means world to me :D you are great teacher!

OMG! I've learned a looooot from this

Amazing serie! I'm definitely going to take the udemy course

Just so you know. IF you make your JS script external and are getting null errors in console, link ( tag) it at the bottom before the tag.

Hey Ninja! Please make a playlist in Angular. Looking forward to it.

Awesome course! Love you man

Thank you so much for the course. As a university student, this helps a lot🙌🏼