【初心者向け】DOM(ドム)とは？わかりやすく解説
2021/3/18
DOM(ドム)とは、ガンダムにでてくるロボット？と思われた方には参考になるかなと。
それではいってみましょう。
それではいってみましょう。
DOM(ドム)とは？
DOM(ドム)とはDocument Object Modelの略で、JavaScriptからHTMLを動的に変更することが可能になる技術のことです。
Gmailでメールが来たら再読み込みなくリアルタイムでメールの表示が増えたり、チャットワークでピョコンとチャットが出てくるのもDOMという技術のおかげです。例えば以下はDOMを使ったサンプルです。ボタンを押すと以下のテキストがDOMによって変更されます。読み込みも特にないことがわかるでしょう。
Gmailでメールが来たら再読み込みなくリアルタイムでメールの表示が増えたり、チャットワークでピョコンとチャットが出てくるのもDOMという技術のおかげです。例えば以下はDOMを使ったサンプルです。ボタンを押すと以下のテキストがDOMによって変更されます。読み込みも特にないことがわかるでしょう。
「書き換え前の文章(この文章が以下ボタンを押すと変わります)」
まとめ
いかがでしたでしょうか。
HTMLは基本、紙芝居で動きません。そこに命を吹き込むというか、動きを付けるのがJavaScriptでありもっと言えばDOMということです。技術的な詳細については割愛しますが、HTMLを動的に自由に変更できるのがDOMと覚えていただければと思います。
最後までお読みいただきありがとうございました。
HTMLは基本、紙芝居で動きません。そこに命を吹き込むというか、動きを付けるのがJavaScriptでありもっと言えばDOMということです。技術的な詳細については割愛しますが、HTMLを動的に自由に変更できるのがDOMと覚えていただければと思います。
最後までお読みいただきありがとうございました。
この記事を書いたのは
株式会社AMS 取締役副社長 古倉 功一
2005年からSEOに本格的に取り組み、SEO歴は15年以上。現在はリスティング広告、SEOをメインにしたWebコンサルを提供中。好きな番組：ポケットモンスター。
- 石川県産業創出支援機構(ISICO)「お店ばたけ」ホームページドクター
- セミナー講師（Webマーケティング、SEO、PPC広告等）
- ミラサポ専門家登録(派遣先からの総合評価平均 5点中4.9)
ホームページでお困りならAMSにお任せください。
- 制作会社の選び方がわからない。
- どの制作会社も費用が高額で手が付けられない。
- 今のホームページが簡単に更新できなくて困っている。
などホームページでお困りではありませんか？
弊社AMSでは効果のある高品質なホームページを格安で制作いたします。
まずは料金やプラン内容、制作実績などを下記の画像をクリックして
ご覧ください。
