<html>の直前のDOMツリーにあります。私たちはそのノードに触れるつもりはないし、その理由で図に描画さえしませんが、そこにはあります。12のノードタイプがあります。時々そこに情報をおくことができ、それは表示されません。DOMからそれを読むことができます。トライしてみましょう。調べる別の方法はブラウザの開発者ツールを使うことです。実際、開発するときに使っているものです。このようになるはずです:DOMを見ることができます、要素をクリックしその詳細をみたりすることができます。開発者ツール上のDOM構造は簡略化されていることに注意してください。テキストノードは単にテキストとして表示されます。テキストノードはまったくありません。ほとんどの場合、要素のノードに興味があるのでそれは問題ありません。ボタンをクリックすると、マウス(または他のポインターデバイス)を使用してWebページからノードを選択できます。タブでスクロールします)。巨大なHTMLページがあり、その中の特定の場所のDOMを見たいときにうまくいきます。組み込みルール(灰色)を含めて、ルール別に現在の要素ルールにCSSが適用されていることがわかります。ほとんどすべては、下のボックスの大きさ/マージン/パディングを含めて編集できます。プロパティによって要素に適用されたCSSを表示する:各プロパティに対して、それを与える規則(CSSの継承などを含む)を見ることができます。DOM要素に関連付けられたイベントリスナーを表示します(チュートリアルの次の部分で説明します)。...などそれらを学ぶベストな方法は、クリックして回ることです。ほとんどの値はその場で変更可能です。適用したいことがあります。ノードを取得し、それを修正するコードを実行して、それがどのように見えるかを確認します。Elementsタブとコンソールの間を移動するヒントをいくつか紹介します。タブのすぐ下にコンソールが開きます。我々はそこでコマンドを実行することができます。コマンドを使用してElementsペインに表示することができます。調べることができます。ように:これはもちろんデバッグ目的のためです。次のチャプターからはJavaScriptを使ってDOMにアクセスしたり修正したりします。DOMを調べたり、何かを試みたり何が間違っているかを見たり。ツリーとして表現されます。タグは要素ノードになり、構造を形成します。テキストはテキストノードになります。