• Thursday , 12 December 2019

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

Code Canyon



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

3d Ocean

Related Posts

40 Comments

  1. Ajay Sharma
    December 3, 2019 at 07:25

    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

  2. Rohil
    December 3, 2019 at 07:25

    Amazing explanation 🙂

  3. DKDM
    December 3, 2019 at 07:25

    Very well explained. Thank you 🙏

  4. Satyajit Todankar
    December 3, 2019 at 07:25

    great video …explanatory …

  5. Biswajit Sahoo
    December 3, 2019 at 07:25

    Can't we perform functionality through JAVA bro….??

  6. Jae Jae
    December 3, 2019 at 07:25

    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!

  7. kesireddy manikanta
    December 3, 2019 at 07:25

    thank you brother very nice explanation

  8. Sohil J
    December 3, 2019 at 07:25

    Complete explanation on DOM. Thank you, Tanmay!!

  9. vaibhav jagdale
    December 3, 2019 at 07:25

    Very nice video!
    couple of questions on DOM?
    Who created DOM?
    How, where to see ? and how js used DOM?

  10. NITESH BHOOTRA
    December 3, 2019 at 07:25

    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 .

  11. Naveen P
    December 3, 2019 at 07:25

    Super

  12. Sync Sync
    December 3, 2019 at 07:25

    answer to the question starts at 5:00

  13. Sasuke Uchiha
    December 3, 2019 at 07:25

    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!

  14. anshika chowdhury
    December 3, 2019 at 07:25

    Could not understand the function of div

  15. Float Circuit
    December 3, 2019 at 07:25

    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!

  16. Zhangali Bidaibekov
    December 3, 2019 at 07:25

    Thanks for the nice explanation

  17. Zhangali Bidaibekov
    December 3, 2019 at 07:25

    Thanks for the nice explanation

  18. Lakshmi Dey
    December 3, 2019 at 07:25

    Will h1 be the attribute node also sir??????

  19. sonalee priyadarshini
    December 3, 2019 at 07:25

    please make videos on MEAN stack

  20. Rutvik Kachchhi
    December 3, 2019 at 07:25

    nobody explains in so much depth thankyou for it brotha !

  21. Mudassir Khan
    December 3, 2019 at 07:25

    Is JS object oriented language??

  22. Ajazullhaq Nazari
    December 3, 2019 at 07:25

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

  23. Saranya Saran
    December 3, 2019 at 07:25

    A very good explanation. Short and sweet.

  24. Ankit Kalwar
    December 3, 2019 at 07:25

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

  25. notTravis
    December 3, 2019 at 07:25

    do most indians speak english? i didnt know that

  26. JIVAM Official
    December 3, 2019 at 07:25

    Teluskunna

  27. willysnowman
    December 3, 2019 at 07:25

    Good watch. Thanks!

  28. Archisman Das
    December 3, 2019 at 07:25

    Brilliant explanation!

  29. Ten Minute Tokyo 2
    December 3, 2019 at 07:25

    Loot and remit.

  30. Ethan Dsouza
    December 3, 2019 at 07:25

    Thank you sir good it was👌

  31. Abinash Raj
    December 3, 2019 at 07:25

    U gained my like 👍

  32. Uttam Shrestha
    December 3, 2019 at 07:25

    Is it necessary to have a knowledge of Html for JavaScript

  33. Technophile
    December 3, 2019 at 07:25

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

  34. Rudraksh Jhalani
    December 3, 2019 at 07:25

    Very good explanation..!!

  35. Rahul bind
    December 3, 2019 at 07:25

    Thank you…. for making me understand Dom

  36. Salanki Tejaswani
    December 3, 2019 at 07:25

    could you please explain about an html subject

  37. Ajay Thakur
    December 3, 2019 at 07:25

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

  38. R. G
    December 3, 2019 at 07:25

    Good explanation
    Waiting for the next tutorial.

  39. Khurshid Alam
    December 3, 2019 at 07:25

    I really admire you. Great Job…Thanks..

  40. Chinchu John
    December 3, 2019 at 07:25

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

Leave A Comment

You must be logged in to post a comment.