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
Video by – Tanmay Sakpal
Simple Snippets Channel link – https://www.youtube.com/simplesnippets
Original source
40 responses to “#2 JavaScript Tutorial | What is Dom? | Document Object Model”
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
Amazing explanation 🙂
Very well explained. Thank you 🙏
great video …explanatory …
Can't we perform functionality through JAVA bro….??
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!
thank you brother very nice explanation
Complete explanation on DOM. Thank you, Tanmay!!
Very nice video!
couple of questions on DOM?
Who created DOM?
How, where to see ? and how js used DOM?
nice video . if you have enough knowledge of html than you should start watching this video at 5:00. otherwise you can watch
it whole for knowledge , there is nice content .
Super
answer to the question starts at 5:00
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!
Could not understand the function of div
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!
Thanks for the nice explanation
Thanks for the nice explanation
Will h1 be the attribute node also sir??????
please make videos on MEAN stack
nobody explains in so much depth thankyou for it brotha !
Is JS object oriented language??
Thanks very much you explained very good, hope you kept this king of teaching until to end of this series .
A very good explanation. Short and sweet.
excellent explanation, completely to the point, thanks for your effort
do most indians speak english? i didnt know that
Teluskunna
Good watch. Thanks!
Brilliant explanation!
Loot and remit.
Thank you sir good it was👌
U gained my like 👍
Is it necessary to have a knowledge of Html for JavaScript
Very good explanation! Who disliked it. Thanks for your hard work and dedication!
Very good explanation..!!
Thank you…. for making me understand Dom
could you please explain about an html subject
"As you can see" …..good videos keep going…:-)
Good explanation
Waiting for the next tutorial.
I really admire you. Great Job…Thanks..
nice one…its very helpful..finally understood what is dom 😀