![]() |
VOOZH | about |
The Document Object Model, usually referred to as the DOM, is an essential part of making websites interactive. It is an interface that allows a programming language to manipulate the content, structure, and style of a website. JavaScript is the client-side scripting language that connects to the DOM in an internet browser.
Almost any time a website performs an action, such as rotating between a slideshow of images, displaying an error when a user attempts to submit an incomplete form, or toggling a navigation menu, it is the result of JavaScript accessing and manipulating the DOM. In this article, we will learn what the DOM is, how to work with the document object, and the difference between HTML source code and the DOM.
Note: Although the DOM is language agnostic, or created to be independent from a particular programming language, throughout this resource we will focus on and refer to JavaScriptβs implementation of the HTML DOM.
Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.
The Document Object Model, usually referred to as the DOM, is an essential part of making websites interactive. It is an interface that allows a programming language to manipulate the content, structure, and style of a website. JavaScript is the client-side scripting language that connects to the DOM in an internet browser.
Browse Series: 8 tutorials
Software engineer and open source creator
Community and Developer Education expert. Former Senior Manager, Community at DigitalOcean. Focused on topics including Ubuntu 22.04, Ubuntu 20.04, Python, Django, and more.
This textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!
)) for beginners cool
Hi there! I am very newbie at coding and everytime CSS βgetβs in my wayβ I feel like I donβt understand the basics :( I am looking forward to learning more with your tutorial! Thanks a lot : )
This tutorial has given me a clear and in depth understanding of the DOM. Thank you for taking the time to put together this tutorial. You are a good teacher, please keep up the good work.
Hi! Very interesting. Thanks for the info.
All the best, ππΌ
Cool stuff. Tania you are doing good job. keep it up
Sat through a couple Web Dev lessons and every time they mentioned the DOM I was a deer in headlights. I now get the basic concept, so thanks!
Your tutorial is good~!! Thanks a lot ^^
Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.
Full documentation for every DigitalOcean product.
The Wave has everything you need to know about building a business, from raising funding to marketing your product.