JavaScript Tutorial For Beginners #32 – What is the DOM in JavaScript?



Yo Ninjas, in this JavaScript tutorial for beginners, I’ll be walking you through what the DOM is and how we use it to interact with our web pages.

The DOM stands for Document Object Model and in technical terms, is an application programming interface. But what that really means is that we can use the DOM to go into our HTML code and ‘grab’ hold of elements (nodes) and then alter them via JavaScript.

If you have any questions about the DOM, fire away 🙂

SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== HTML for Beginners Playlist ==========

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

========== Social Links ==========

Twitter – @TheNetNinja – https://twitter.com/thenetninjauk

22 thoughts on “JavaScript Tutorial For Beginners #32 – What is the DOM in JavaScript?

  1. If anyone wants to read the definition check the description.

    DOM stands for Document Object Model and in technical terms, is an application programming interface. But what that really means is that we can use the DOM to go into our HTML code and 'grab' hold of elements (nodes) and then alter them via JavaScript.

  2. This was brilliant. I'm just getting into react, and many of the videos I've watched through all these terms and concepts at you without explaining them. This material is simple… when explained.

  3. Hello, Net Ninja. Thank you for explaining the DOM. I am new to coding and am learning HTML, CSS & JS. I have a question. Instead of using the DOM to make changes to your HTML why not just make the changes directly on HTML? And where is the DOM located?

  4. I hope u still answer to comments since the video is a tad old.

    i don't understand the utility of the DOM: we can change it by accessing the browser console, but when you refresh the page all of it goes away, so what's it for? Isn't just editing the source code enough? Why would i edit the DOM via browser if after a refresh all of what i've typed goes away?

Leave a Reply

Your email address will not be published. Required fields are marked *