JavaScript入門者でも簡単にわかる！DOMとは？

JavaScriptを勉強し始めるとDOMという言葉に出会います。

これが非常にわかりずらい。

僕も何度もこのDOMについて調べましたが、いまいちしっくりくるまでに時間がかかりました。

この記事では、DOMについてJavaScriptを学び始めたばかりの人でも簡単に理解できるように説明していこうと思います。

DOMとは何か？

MDN Web Docs

DOM の紹介 - Web API | MDN ドキュメントオブジェクトモデル (Document Object Model, DOM) は、ウェブ上の文書のコンテンツと構造からなるオブジェクトのデータ表現です。このガイドでは、簡単に DOM...

Document Object Model (DOM) は HTML や XML 文書のためのプログラミングインターフェイスです。ページを表現するため、プログラムが文書構造、スタイル、内容を変更することができます。 DOM は文書をノードとオブジェクトで表現します。そうやって、プログラミング言語をページに接続することができます。

https://developer.mozilla.org/ja/docs/Web/API/Document_Object_Model/Introduction

うーん。実際こんな説明があるのですが、意味わかります？

僕にはわからなかったので、簡単に僕なりに表現してみたいと思います。