# プレビューページの DOM を表示する

DOM（Document Object Model）はあなたの HTML コードのオブジェクトをツリー化して表示します。

プレビューページの DOM ストラクチャを表示するには:

- プレビューウインドウの下にある虫眼鏡アイコンをクリックして DOM インスペクタをオンにします:

DOM ストラクチャをブラウズするには:

- マウスをページの各パーツにあわせ DOM 階層構造を表示します
- ハイライトされたエレメントをクリックします

ウインドウの下には選択されたブロックがどのような階層構造になっているかを表示します。

階層の各要素はクリックして確認することも可能です。:

エレメントのハイライトを解除するには:

- 階層構造の左にある X ボタンをクリックします

DOM インスペクタモードをオフにするには:

- 再度、虫眼鏡アイコンをクリックします