DOMってよく聞きますが全然理解していなかったので、今回はDOMについて書いていこうと思います。

DOMとは

Document Object Modelの略で、WebAPIの一種。
HTMLの要素をJavascriptのオブジェクトとして操作する為の仕組みの事。

とりあえずは「DOMというものがあるからHTMLとJavascriptが使えるんだなぁ」という認識でも良いかも。

DOMツリー

Javascriptのコードを実行する前にHTML構造からDocumentオブジェクトを頂点としたツリー構造に変換される。その構造のことをDOMツリーというらしい。

よく見かけるdocument.getElementByIdや、document.querySelectorなどで使われるdocumentはDOMツリーの頂点であるdocumentオブジェクトから来ている。

名前くらいは聞いたことあってもあまり意識したことがなかったので、いい勉強になりました。