LoginSignup
3
4

More than 3 years have passed since last update.

DOMって結局なに?

Posted at

DOMが何者なのかわからない

JavaScriptやVue.jsを勉強する際に多用される「DOM」ワード
しかし、調べれば調べるほど活用方法が多すぎて謎が深まるばかり。

DOMをぐぐってみる

「DOMとはJavaScriptでhtmlの要素を操作するための仕組みのこと」

・・・(・∀・)??

Document Object Model (DOM) は、ウェブ上の文書のコンテンツと構造からなるオブジェクトのデータ表現です。

参照:MDN web docks

Document Object Model (DOM) は HTML や XML 文書のためのプログラミングインターフェイスです。

参照:MDN web docks

・・・(・∀・)?????????

  • DOMの操作が〜
  • DOMを取得して〜
  • DOMによって・・

DOMってなんやねん!!

DOMを自分なりに理解してみた

意外にも調べていたワードの中に。
そして先ほども引用。

Document Object Model (DOM) は HTML や XML 文書のためのプログラミングインターフェイスです。

参照:MDN web docks

このプログラミングインターフェイスの部分。
そう、DOMとはHTMLとJavaScriptを結ぶAPI(アプリケーションインターフェイス)なのだ。

DOMはHTMLをオブジェクトとして識別するため、
オブジェクトに対してJavaScript側から操作可能となりHTMLを操作できるようになる。

文書HTMLのをDOMで表したデータは、文書の最上位の要素を頂点として、各要素が包含関係に従って枝分かれしていく木構造(ツリー構造)となっており、これを「DOMツリー」(DOM tree)と呼ぶこともある。

参照:IT用語辞典 e-Words

DOMがDOMが〜ときくのはこの、DOMツリーを指している場合もあるのかもしれない!

3
4
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4