簡単ホームページ作成ツールならAMS - まずはお試し

全国対応!まずはご相談ください 電話番号0120-55-4682

【初心者向け】DOM(ドム)とは?わかりやすく解説

2021/3/18

【初心者向け】DOM(ドム)とは?わかりやすく解説

DOM(ドム)とは、ガンダムにでてくるロボット?と思われた方には参考になるかなと。
それではいってみましょう。

DOM(ドム)とは?

DOM(ドム)とはDocument Object Modelの略で、JavaScriptからHTMLを動的に変更することが可能になる技術のことです。

Gmailでメールが来たら再読み込みなくリアルタイムでメールの表示が増えたり、チャットワークでピョコンとチャットが出てくるのもDOMという技術のおかげです。例えば以下はDOMを使ったサンプルです。ボタンを押すと以下のテキストがDOMによって変更されます。読み込みも特にないことがわかるでしょう。
 

「書き換え前の文章(この文章が以下ボタンを押すと変わります)」

まとめ

いかがでしたでしょうか。

HTMLは基本、紙芝居で動きません。そこに命を吹き込むというか、動きを付けるのがJavaScriptでありもっと言えばDOMということです。技術的な詳細については割愛しますが、HTMLを動的に自由に変更できるのがDOMと覚えていただければと思います。

最後までお読みいただきありがとうございました。

この記事を書いたのは

株式会社AMS 取締役副社長 古倉 功一

2005年からSEOに本格的に取り組み、SEO歴は15年以上。現在はリスティング広告、SEOをメインにしたWebコンサルを提供中。好きな番組:ポケットモンスター。

  • 石川県産業創出支援機構(ISICO)「お店ばたけ」ホームページドクター
  • セミナー講師(Webマーケティング、SEO、PPC広告等)
  • ミラサポ専門家登録(派遣先からの総合評価平均 5点中4.9)
常時SSL+スマホサイト最適化の効果の出るホームページが39,800円!
【0120-55-4682】月~金曜9:00~18:00

月~金曜9:00~18:00

メールでのお問い合わせ
AMS簡単ホームページ作成ツール
あなたのサイトをPRしましょう!
AMSマニュアル
よくある質問と回答
AMSお問合わせ

月別アーカイブ