---
title: DOM Inspector FAQ
slug: DOM_Inspector_FAQ
tags:
  - DOM_Inspector
translation_of: Tools/Add-ons/DOM_Inspector/DOM_Inspector_FAQ
---
<div>{{ToolsSidebar}}</div><h3 id="Web_.E3.82.B5.E3.82.A4.E3.83.88.E3.82.92.E8.AA.BF.E3.81.B9.E3.82.8B.E3.81.AB.E3.81.AF.EF.BC.9F" name="Web_.E3.82.B5.E3.82.A4.E3.83.88.E3.82.92.E8.AA.BF.E3.81.B9.E3.82.8B.E3.81.AB.E3.81.AF.EF.BC.9F">Web サイトを調べるには？</h3>

<p>Inspector の URL バーに URL を入力して Enter キーを押します。あるいは、Inspector の {{ mediawiki.external('ファイル') }} メニューから {{ mediawiki.external('URL を Inspect') }} を選びます。開いている XUL ウィンドウを調べたいのであれば、{{ mediawiki.external('ファイル') }} メニューから {{ mediawiki.external('ウィンドウを Inspect') }} を選びます。</p>

<h3 id=".E3.83.89.E3.82.AD.E3.83.A5.E3.83.A1.E3.83.B3.E3.83.88.E3.81.AE_DOM_.E3.83.8E.E3.83.BC.E3.83.89.E3.83.93.E3.83.A5.E3.83.BC.E3.81.A7.E4.B8.80.E9.83.A8.E3.81.AE.E3.83.8E.E3.83.BC.E3.83.89.E3.81.8C.E8.B5.A4.E8.89.B2.E8.A1.A8.E7.A4.BA.E3.81.95.E3.82.8C.E3.82.8B.E3.81.AE.E3.81.AF.E3.81.AA.E3.81.9C.EF.BC.9F" name=".E3.83.89.E3.82.AD.E3.83.A5.E3.83.A1.E3.83.B3.E3.83.88.E3.81.AE_DOM_.E3.83.8E.E3.83.BC.E3.83.89.E3.83.93.E3.83.A5.E3.83.BC.E3.81.A7.E4.B8.80.E9.83.A8.E3.81.AE.E3.83.8E.E3.83.BC.E3.83.89.E3.81.8C.E8.B5.A4.E8.89.B2.E8.A1.A8.E7.A4.BA.E3.81.95.E3.82.8C.E3.82.8B.E3.81.AE.E3.81.AF.E3.81.AA.E3.81.9C.EF.BC.9F">ドキュメントの DOM ノードビューで一部のノードが赤色表示されるのはなぜ？</h3>

<p>これらのノードは <a href="ja/XBL/XBL_1.0_Reference#.E7.84.A1.E5.90.8D.E3.82.B3.E3.83.B3.E3.83.86.E3.83.B3.E3.83.84">無名コンテントノード</a> であり、元のドキュメントによって生成されて DOM にあるものではないのです。</p>

<h3 id=".E3.81.AA.E3.82.8B.E3.81.BB.E3.81.A9.E3.80.82.E3.81.A7.E3.81.AF.E3.80.81.E3.81.93.E3.82.8C.E3.82.89.E3.81.AE.E7.84.A1.E5.90.8D.E3.83.8E.E3.83.BC.E3.83.89.E3.82.92.E8.A1.A8.E7.A4.BA.E3.81.97.E3.81.9F.E3.81.8F.E3.81.AA.E3.81.84.E5.A0.B4.E5.90.88.E3.81.AF.E3.81.A9.E3.81.86.E3.81.99.E3.82.8C.E3.81.B0.E3.81.84.E3.81.84.E3.81.AE.E3.81.A7.E3.81.97.E3.82.87.E3.81.86.EF.BC.9F" name=".E3.81.AA.E3.82.8B.E3.81.BB.E3.81.A9.E3.80.82.E3.81.A7.E3.81.AF.E3.80.81.E3.81.93.E3.82.8C.E3.82.89.E3.81.AE.E7.84.A1.E5.90.8D.E3.83.8E.E3.83.BC.E3.83.89.E3.82.92.E8.A1.A8.E7.A4.BA.E3.81.97.E3.81.9F.E3.81.8F.E3.81.AA.E3.81.84.E5.A0.B4.E5.90.88.E3.81.AF.E3.81.A9.E3.81.86.E3.81.99.E3.82.8C.E3.81.B0.E3.81.84.E3.81.84.E3.81.AE.E3.81.A7.E3.81.97.E3.82.87.E3.81.86.EF.BC.9F">なるほど。では、これらの無名ノードを表示したくない場合はどうすればいいのでしょう？</h3>

<p>{{ mediawiki.external('表示') }} メニューの {{ mediawiki.external('無名コンテントを表示') }} からチェックを外せば Inspector の中で無名ノードを隠せます。</p>

<h3 id=".E5.85.83.E3.81.AE.E3.83.89.E3.82.AD.E3.83.A5.E3.83.A1.E3.83.B3.E3.83.88.E3.81.AB.E3.81.AA.E3.81.84.E7.A9.BA.E3.81.AE_.23text_.E3.83.8E.E3.83.BC.E3.83.89.E3.81.8C.E3.81.84.E3.81.A3.E3.81.B1.E3.81.84.E3.81.82.E3.82.8A.E3.81.BE.E3.81.99.E3.80.82.E3.81.93.E3.82.8C.E3.82.89.E3.81.AF.E4.BD.95.E3.81.A7.E3.81.97.E3.82.87.E3.81.86.EF.BC.9F_.E3.81.A9.E3.81.86.E3.81.97.E3.81.A6.E5.AD.98.E5.9C.A8.E3.81.97.E3.81.A6.E3.80.81.E3.81.A9.E3.81.86.E3.81.99.E3.82.8C.E3.81.B0.E5.8F.96.E3.82.8A.E9.99.A4.E3.81.91.E3.82.8B.E3.81.AE.E3.81.A7.E3.81.97.E3.82.87.E3.81.86.EF.BC.9F" name=".E5.85.83.E3.81.AE.E3.83.89.E3.82.AD.E3.83.A5.E3.83.A1.E3.83.B3.E3.83.88.E3.81.AB.E3.81.AA.E3.81.84.E7.A9.BA.E3.81.AE_.23text_.E3.83.8E.E3.83.BC.E3.83.89.E3.81.8C.E3.81.84.E3.81.A3.E3.81.B1.E3.81.84.E3.81.82.E3.82.8A.E3.81.BE.E3.81.99.E3.80.82.E3.81.93.E3.82.8C.E3.82.89.E3.81.AF.E4.BD.95.E3.81.A7.E3.81.97.E3.82.87.E3.81.86.EF.BC.9F_.E3.81.A9.E3.81.86.E3.81.97.E3.81.A6.E5.AD.98.E5.9C.A8.E3.81.97.E3.81.A6.E3.80.81.E3.81.A9.E3.81.86.E3.81.99.E3.82.8C.E3.81.B0.E5.8F.96.E3.82.8A.E9.99.A4.E3.81.91.E3.82.8B.E3.81.AE.E3.81.A7.E3.81.97.E3.82.87.E3.81.86.EF.BC.9F">元のドキュメントにない空の #text ノードがいっぱいあります。これらは何でしょう？ どうして存在して、どうすれば取り除けるのでしょう？</h3>

<p>これらのテキストノードは実際は要素間の改行とスペースなのです。どうしてそれらを表示するのかについての長々とした議論は {{ Bug(26179) }} で行われています。</p>

<p>都合の良いことに、{{ mediawiki.external('表示') }} メニューの {{ mediawiki.external('ホワイトスペースノードを表示') }} からチェックを外せば、Inspector の中でこれらの <a href="ja/Whitespace_in_the_DOM">ホワイトスペースノード</a> を隠せます。ただし、すべての空のテキストノードを隠せるわけではありません。連続するホワイトスペースをユーザエージェントがまとめることを CSS の <code><a class="external" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space">white-space</a></code> プロパティの値で制限しているノードが隠されることはありません。</p>

<h3 id="DOM_.E3.83.84.E3.83.AA.E3.83.BC.E4.B8.AD.E3.81.AE.E7.89.B9.E5.AE.9A.E3.81.AE.E3.83.8E.E3.83.BC.E3.83.89.E3.82.92.E6.8E.A2.E3.81.99.E3.81.AE.E3.81.8C.E5.A4.A7.E5.A4.89.E3.81.A7.E3.81.99.E3.80.82.E3.83.84.E3.83.AA.E3.83.BC.E4.B8.AD.E3.82.92.E6.8E.A2.E3.81.99.E4.BB.A5.E5.A4.96.E3.81.AB.E3.82.82.E3.81.A3.E3.81.A8.E6.89.8B.E6.97.A9.E3.81.8F.E3.81.A7.E3.81.8D.E3.82.8B.E6.96.B9.E6.B3.95.E3.81.AF.E3.81.82.E3.82.8A.E3.81.BE.E3.81.9B.E3.82.93.E3.81.8B.EF.BC.9F" name="DOM_.E3.83.84.E3.83.AA.E3.83.BC.E4.B8.AD.E3.81.AE.E7.89.B9.E5.AE.9A.E3.81.AE.E3.83.8E.E3.83.BC.E3.83.89.E3.82.92.E6.8E.A2.E3.81.99.E3.81.AE.E3.81.8C.E5.A4.A7.E5.A4.89.E3.81.A7.E3.81.99.E3.80.82.E3.83.84.E3.83.AA.E3.83.BC.E4.B8.AD.E3.82.92.E6.8E.A2.E3.81.99.E4.BB.A5.E5.A4.96.E3.81.AB.E3.82.82.E3.81.A3.E3.81.A8.E6.89.8B.E6.97.A9.E3.81.8F.E3.81.A7.E3.81.8D.E3.82.8B.E6.96.B9.E6.B3.95.E3.81.AF.E3.81.82.E3.82.8A.E3.81.BE.E3.81.9B.E3.82.93.E3.81.8B.EF.BC.9F">DOM ツリー中の特定のノードを探すのが大変です。ツリー中を探す以外にもっと手早くできる方法はありませんか？</h3>

<p>ご心配なく。ノード名、ID、あるいは属性と値の組み合わせで検索できます。検索したいドキュメントを調べている Inspector ウィンドウの {{ mediawiki.external('検索') }} メニューから {{ mediawiki.external('ノードを検索') }} を選んで検索条件を入力すればよいのです。</p>

<p>ノードについて何も分かっていないなら、それをクリックして選択してみることもできます。そのノードをビューの中に表示させておいて、{{ mediawiki.external('検索') }} メニューから {{ mediawiki.external('クリックで要素を選択') }} を選び、それから調べたい要素をクリックするのです。</p>

<div class="originaldocinfo">
<h2 id=".E5.8E.9F.E6.96.87.E6.9B.B8.E3.81.AE.E6.83.85.E5.A0.B1" name=".E5.8E.9F.E6.96.87.E6.9B.B8.E3.81.AE.E6.83.85.E5.A0.B1">原文書の情報</h2>

<ul>
 <li>著者: Christopher Aillon</li>
 <li>最終更新日: November 11, 2003</li>
 <li>著作権: Portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a Creative Commons license | <a class="external" href="http://www.mozilla.org/foundation/licensing/website-content.html">詳細</a></li>
</ul>
</div>

<div class="noinclude"> </div>

<p>{{ languages( { "en": "en/DOM_Inspector_FAQ" } ) }}</p>