43日目です。

DOMとは

「Document Object Model」の略。
JavaScriptでHTMLの要素（<p>や<img>など）にアクセスできる仕組みのこと。

何故調べたか

学習で「JavaScriptを用いたプログラミングには、DOM要素の取得が欠かせません」といった説明が出てくるのですが、「DOM」って何？全然分かっていないのはまずい、、となったためです。

具体的にはどのようなものか

HTMLの取得、変更、削除などができる。
そのためのメソッドがたくさんある。

例）
取得：　getElementById（id）;メソッド
htmlファイルの＜h1＞を取得したい場合は、＜script＞タグの中で、下記のように記載します。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>DOM</title>
    <script src="hoge.js"></script>
    <link rel="stylesheet" href="./hoge.css">
  </head>
  <body>
    <h1 id="title">タイトル１</h1>
    <p id="element1">要素１</p>
    <p id="element2">要素2</p>
    <script>
        const h1 = document.getElementById("title");
        console.log(h1);
      </script>
  </body>
</html>

すると、consoleに表示を切り替えた際に、h1タグで囲まれた全てが取得されているのがわかります。

f:id:tattaka_s:20190805235002p:plain

本日は理解に時間がかかり過ぎてまとめきれなかったため、追記します。。

参考：
JavaScriptでDOMを操作する方法【初心者向け】 | TechAcademyマガジン

JavaScript初心者でもすぐわかる！DOMとは何か？

本日は練習問題などを通して非同期通信、インクリメンタルサーチについて学習しました。明日からチャットアプリに実装していきますが、中々時間がかかりそうです。。早くアプリ作成に入りたいので、時間を作って基礎の理解に努めます。