So…. What exactly is the DOM?

Walking your way through the Document Object Model

Code with Corgis

Published in

Code with Corgis

2 min readMay 27, 2021

Dear DOM,

MAKING LEARNING HOW TO CODE

✧・ﾟ:* CUTE(◕‿◕✿) and INFORMATIVEᕙ(⇀‸↼‶)ᕗ!!!

So, the DOM…

DOM stands for Document Object Model.

The DOM (Document Object Model ) is an API (Application Programming Interface) that helps developers interact with the document within the browser. It is not a programming language but more of an interface that receives requests and sends responses.

Using DOM, developers can build, add, change, delete or navigate elements or contents. Everything present on an HTML webpage can be edited using DOM.

An example of the DOM

Let's start with HTML Document.

<!DOCTYPE HTML>
<html>
     <head>
         <title>Code with Corgis</title>
     </head>     <body>
         <p>Code with Corgis</p>
     </body>
</html>

The HTML DOM model is constructed as a tree of Objects.

JavaScript to read or change the DOM “programmatically.”

Hope this explanation helps guide you in understanding DOM.

Thank you for reading my Data Journey ❤ ,

Kody the Coding Corgi & Bits the Adorable A.I.

P.S.

If you enjoyed this comic strip and could help you in any way, sign up for our newsletter, or buy me a boba, which means a lot, and send your thoughts and feelings about this work.

Are you interested in collaborating? Follow us on LinkedIn.

D.M. us on Instagram or tweet us on Twitter or connect us on LinkedIn.

Please share this with your data friends, corgis friends, and coding corgis friends so we can make more comics in the future with your support. Thank You!