#2 JavaScript Tutorial | What is Dom? | Document Object Model

Check out our courses:
Spring and Microservices Weekend Live Batch : bit.ly/spring-...
Coupon: TELUSKO10 (10% Discount)
Master Java Spring Development : bit.ly/java-sp...
For More Queries WhatsApp or Call on : [phone]
website : courses.telusk...
Instagram : / navinreddyofficial
Linkedin : / navinreddy20
TELUSKO Android App : bit.ly/TeluskoApp
Discord : / discord
In this video tutorial of JavaScript fundamentals, we will study and understand the concept of Document Object Model also known as DOM.
Document Object Model(DOM) -
The Document Object Model (DOM) defines the logical structure of documents and the way a document is accessed and manipulated.
The name "Document Object Model" was chosen because it is an "object model" is used in the traditional object oriented design sense: documents are modeled using objects, and the model encompasses not only the structure of a document, but also the behavior of a document and the objects of which it is composed. In other words, the nodes in the above diagram do not represent a data structure, they represent objects, which have functions and identity.
With the document object model, JavaScript gets all the power it needs to create dynamic HTML:
1) JavaScript can change all the HTML elements in the page
2) JavaScript can change all the HTML attributes in the page
3) JavaScript can change all the CSS styles in the page
4) JavaScript can remove existing HTML elements and attributes
5) JavaScript can add new HTML elements and attributes
6) JavaScript can react to all existing HTML events in the page
7) JavaScript can create new HTML events in the page
Python Tutorial for Beginners : • #0 Python for Beginner...
Python Tutorial in Hindi : goo.gl/qbL1bN
NodeJS tutorial : • Node JS Tutorial | Cra...
Java and Spring Framework For beginners with Spring Boot : - bit.ly/3LDMj8D
Java Tutorial for Beginners (2023) :- bit.ly/3yARVbN
Subscribe to our other channel:
Navin Reddy : / @navinreddy
Telusko Hindi : / @teluskohindi

[@glanismonteiro5126]

There doesn't exist a better explanation for DOM. Thank you

[@GautamKumar-wx3sm]

Agreeable

[@yaknuelgh]

Agreed!

[@tubativenkataramana5047]

This guy is helping in-depth knowledge with out getting paid directly. So please be respectful. Even if mistakes let him know rather than reporting and dislikes. He can educate many people with viewers inspiration.

[@cesmora]

I'm new to web development, and this was a great explanation. Thank you for your time

[@ozzyfromspace]

I really wish this was also offered as a paid course! I'd take it just to support you. I'm taking a trash edX course just to earn a certificate but I keep resorting to your videos because your presentations are more clear and well structured. Thank you for your work, you're amazing Telusko!

[@raylansamuel8174]

instablaster...

[@jaejaeba]

Thankyou so much! I'm from Germany and studying Webdesign but I really didn't understand DOM until I found your video! It really helped me a lot!

[@logosmaxima2775]

An in-depth explanation of everything! Down to the smallest details! You Sir, are a treasure! Thank you very much!

[@blablagswjsvsns134]

Really happy to c that someone explaining these things so amazingly..sir g Tussi great ho. Thanks alot telusko.

[@SimpleSnippets]

Thanks man. Means a lot to me :-)

[@divyanshuchaudhari3257]

Man,the clarity with which you explained the concepts is stupendous and so rare.Keep up your good work.

[@mrrishiraj88]

Wow! Great explanation of DOM and HTML doc. I have got to understand DOM for the first time now. And, also the expansion of the name DOM. 🙏🙏🙏💯

[@pankajjoshi6116]

This is the first time am satisfied by someone's online teaching after navin sir....thank you sir...u r doing great ....keep uploading ur videos..am eagerly waiting sir..thank you again

[@SimpleSnippets]

Thank you so much Pankaj :-) This means a lot to me :-) Yes definitely lot more in JS coming up ;-)

[@djjappey821]

It's 2020, And I'm still watching this video. Really worth. Hope I'll watch all the playlist.

[@hackerdharshini3801]

2021

[@chandrashekharjha9960]

I saw videos before this video...claiming that DOM is a very simple concept....but their explanation didn't give any clue....this video inspite of being delivered by someone so young ..was very clear and apt....Thanks bro

[@beenyshsaeed4559]

As a newbie to learning to code, I am happy to have learned it in the easiest of ways. Thank you for putting it up in the lucid way possible. Congrats from the neighbor.

[@alimagnetic-iransenigma9647]

it was really good. i have literaly read over 20 articles to understand DOM but this was better than all of them for me to understand it in only 10 min. thanks man.

[@hamzavictor2385]

Wow, now i see the DOM as a JS object in the form of key:value pair in a cascading form... God Job Mr, I so much appreciate your good works.

[@soniya2627]

Wow sir i wish orr principal could teach us like these, you deserve to be very successful professor , wed developer.. Etc I m in 3 sem of BCA In this lockdown your channel is the best option for learning and prepare ourselves for future 🤗 Thank you for this awesome explanation

[@asitkumar891]

nicely explained but please make some more theory video about concept and make extra 5 min and also give a summery. Thank you sir, you are doing great :)

[@SimpleSnippets]

Okay will surely consider doing this :-)

[@benaam5441]

The best JavaScript tutorial playlist I came across till date !!

[@fabriceasse1175]

all I was looking for. Thanks a lot my dear

[@ajazullhaqnazari3535]

Thanks very much you explained very good, hope you kept this king of teaching until to end of this series .

[@sohilj4555]

Complete explanation on DOM. Thank you, Tanmay!!

[@lathishkumar7099]

why dislikes man ..one of the best education channel. he is helping lot of poore students.who interste to learn programing

[@shaikshafi4332]

Thankyou very much, there are lot of other videos and articles i have gone through but I got the clarity after watching your tutorial. Subscribied rightaway!

[@mohanrajvijayakumar3905]

you have taught the way is very neat and clean, haven't seen before theory part is pretty cool.. so plz be add theory and practical as well..

[@SimpleSnippets]

Thank you very much Mohan for such a positive response. Yes surely will add both theory and practicals when needed. :-)

[@shubhamraja1345]

Great great great.... finally I understood exactly what is DOM..👌👌

[@SimpleSnippets]

Glad to hear this buddy. Thanks for the positive feedback :-)

[@paulosilva-dm1qb]

It´s always a pleasure to be one of your "students"..U know how to grab attention and it´s not intentional..Thanks!

[@zydbinak2561]

Clear Explanation of Basics

[@BeingHumanMusic]

Thanks for your tutorial. I'm a PHP developer and wanted to shift to MERN Stack and then found this playlist.

[@farazk9729]

Thorough and more importantly clear explanation; thanks bud

[@GentleDrops]

5:00 you're welcome

[@Maen963]

If there was many like you , the world would be better

[@Siamxel]

@@Maen963 ikr

[@abdelbassetkabou3442]

I was leaving the video until I saw your comment, thanks ;)

[@techany671]

what a VERRRRRRRY TRANSPARENT explanation keep it man.

[@ahmadalkordee5879]

NOW i understand what NODE and Dom is ... thanks bro :)

[@florianarbes]

Nice, exactly what i was looking for. Thank you!

[@rutvikkachchhi7826]

nobody explains in so much depth thankyou for it brotha !

[@nemeziz_prime]

Great explanation!! Much better than what most of the famous Web Dev instructors can explain

[@prakashkaruppusamy3817]

Good job! Easy way to understand by just listening 🎧 Does this tutorial aims to cover complete JavaScript concepts with latest examples?

[@SimpleSnippets]

Pretty much all the core and essential fundamentals will be covered with some real world use cases at the end of the series 😇✌️

[@noContext314]

The best explanation ever. PERIOD. 💯🙌

[@meghasandesam]

excellent explaining...i am just beginer of JS....i understood very well. many thanks.

[@mehulkumar8648]

Navin Sir Ur explaination is more good...and easy to understand

[@VishalKumar-rp5hf]

Nice explanation of DOM model. Thank you.

[@karriprakash6543]

Thank-you so much for your explanation in other videos or sites they will rotate some other topic rather than coming into main node of topic but you actually giving entire conclusion of each topic.

[@bhavikakapadia2462]

Thank you; you explain things very clearly

[@SimpleSnippets]

Thank you so much Bhavika for the positive response. Means a lot to me and more content is coming soon :-)

[@erharshavardhan4008]

Superb bro,Finally i understood how DOM works

[@mithun1247]

You are a great teacher sir, nicely explained a difficult concept. Thanks a lot.

[@iamleek]

Fantastic!!!!! thank you so much! making a graphical explanation thus it is so much easier to understand!!!! Thank very much!!!

[@saranyasaran1916]

A very good explanation. Short and sweet.

[@shanmuksandeep9134]

hurrah!! Finally understood about DOM clearly :)

[@SimpleSnippets]

Thats great to know buddy :-)

[@aswarthanarayanareddyb176]

Thank very much sir.....im very exiting to learn JavaScript

[@SimpleSnippets]

Thanks Bhupathi, even I am happy and excited to share more videos on JS ;-)

[@beedleChompz44]

best explanation I've seen! thank you so much!!!!

[@adityashidlyali7814]

You are from Simple Snippets i guarantee that... Loved your explanation...😄

[@ivonnebenites3308]

Yes thank you so much for the explanation : it was easy to understand and very detailed.

[@ankitkalwar5570]

excellent explanation, completely to the point, thanks for your effort

[@apnabini]

"As you can see" .....good videos keep going...:-)

[@technophile7024]

Very good explanation! Who disliked it. Thanks for your hard work and dedication!

[@Everyday_Learning1995]

Awesome Explaination😍 Thanku So Much

[@SasukeUchiha723]

Let me tell ya in easy words... DOM is technically an API that's built inside browsers, which you can use languages like javascript/jquery to modify the page without going into the html to do that!

[@andreaingram2242]

Great visual DOM explanation

[@universal4334]

Hey Tanmay I am big fan to your dld tutorials 😎😇

[@RahulThakur-jl7pm]

Hi, I am new to the front end technology. My question is, you said head tag is the element node so similarly body tag is also the element node..?? And 2nd question is only tags that have id (ex. div tag here) are considered as Attribute node...?

[@rajlakhanpal]

Very well explained. Thank you 🙏

[@himanshupatel7291]

Sir plz convert this whole playlist of java-script in a single video as python & django...it will more beneficiary.

[@romanberdichevskii5141]

You are really good at explaining this topic!

[@AdityaJoshi007]

Very nice explanation mate....keep it up. :) Crisp and precise to the point.

[@Sujithkumar.kopparthi]

Nice explanation with attractive colours

[@SimpleSnippets]

Thank you so much Sujith 😇✌️

[@tanushreegoel2932]

Do u have any video related to query selector.??

[@gazell3s]

Fantastic overview! Super clear and informative

[@ajaysharma9019]

Awesome Bhai you gave me an inspiration to start again i lost it completely but seriously you are great bhai 👍 I will follow your tutorial to learn JavaScript later i will move to learn React JS then React Native. Thanks for creating this video tutorial

[@sardarzain2551]

superb stunning love you teluskoooo

[@sandeepgottipati4272]

very well explained looking forward to know more 😊

[@SimpleSnippets]

Thanks Sandeep😇✌️

[@sandrinekayli4486]

waoh great one

[@joematv]

Sir you're a good teacher thankyou

[@FilipPandrc]

I wondered why you call your viewers "big nerds" then I turned on the subtitles and it's actually "beginners" lol. Anyway, great tutorials, thank you for making them.

[@sanjaybhatikar]

Very nice and clear explanations, thank you.

[@Jajajajajajajafjf]

Thank you so much for the education on this.

[@FaizanKhan-qu7is]

Good and easy explanation... Better to understand☺

[@godtatvreetgodtmenneske6124]

Thanks! Well appreciated All good energies towards you :D!

[@shagunsalecha794]

Its very clear in terms of explanation

[@pascalbenimana8127]

Thank you for clarifications

[@shrutikhare8787]

Thankyou for the amazing explanation.

[@iOSTechie]

Hi Tanmay, First of all Thank-you so much for this tutorial series. First time I understood DOM concept so well. I am an ios application developer and I want to learn js to learn hybrid application development. Again Thank-you so much.

[@SimpleSnippets]

Thank you so much Prashant, really happy and super motivated by your response :-) More on JS coming soon :-)

[@gasqui]

Terrific explanation, thanks.

[@SimpleSnippets]

Thank you so much for such a positive comment :-)

[@chinchujohn9827]

nice one...its very helpful..finally understood what is dom 😀

[@saddamahmad2310]

thank you very much sir for this video

[@SimpleSnippets]

Thanks Saddam for your positive feedback 😇✌️

[@balajiseelam]

superb explanation, thank you sir

[@celiabest7749]

Thank you so so much. You made it so easy to understand!

[@sumanth8296]

Well explained tanmay sir! ✌️

[@SimpleSnippets]

Thanks Sumanth. Mean a lot to me :-)

[@sakthivishnubalan1312]

Thank you for this wonderful session.I having one doubt All HTML tags comes under Element node?

[@SimpleSnippets]

Thank you very much buddy for the positive feedback 😇✌️ The DOM is the way Javascript sees its containing pages' data. It is an object & a DOM element is something like a DIV, HTML, BODY element on a page. So yes the tags that are used to add structure to the page using html are seen as elements aka dom objects by JS ✌️

[@pankajjoshi6116]

Excellent sir...thank u so much

[@SimpleSnippets]

Most welcome Pankaj :-)

[@kalpakpatil5489]

10000 x better teachers...... thnx

[@sohanchatterjee2097]

Great sir, DOM concept is really helpful to understand how js works, Are all the html tags under the element?

[@SimpleSnippets]

The DOM is the way Javascript sees its containing pages' data. It is an object & a DOM element is something like a DIV, HTML, BODY element on a page. So yes the tags that are used to add structure to the page using html are seen as elements aka objects by JS

[@sohanchatterjee2097]

Thank you very much sir, waiting for next video🙄

[@SimpleSnippets]

@@sohanchatterjee2097 sure it'll come soon ✌️

[@surahome]

good video.simply can understand

[@zahabiyakharodawala7801]

Javascript is object based programming lang. & not object oriented..You should also explain how & what does that mean..

[@SimpleSnippets]

Surely will try to explain that but that's kinda ahead in the series. ✌️😇

[@taufeeqshah3703]

Right

[@shubhamsarohi9647]

Document is represented as an Object and all other attributes are represented as its nodes. IF my understanding is right. But you said all tags are treated as objects. Please correct me if I am wrong.? @telusko

[@rishabhagrawal4560]

Wow, Awesome Explanation 👌👌

[@chiragr1336]

Wow. Any person can understand this!

[@MANISHSHARMA-xk1su]

Nice video... Waiting for next video...❤️

[@SimpleSnippets]

Thanks Manish for the feedback. Yes the next video is coming soon ✌️😇

[@MANISHSHARMA-xk1su]

@@SimpleSnippets Thanks Tanmay Sir...

[@SimpleSnippets]

@@MANISHSHARMA-xk1su most welcome 😇✌️

[@SatyamKumar-xc9gq]

Thanks For the clarity.

[@r.g9028]

Good explanation Waiting for the next tutorial.

[@ProgrammingWithProject]

Sir please make some project also.

[@harisahmed4734]

excellent presentation easy to understand