mozilla
Your Search Results

    DOM Inspector FAQ

    Web サイトを調べるには?

    Inspector の URL バーに URL を入力して Enter キーを押します。あるいは、Inspector の [ファイル] メニューから [URL を Inspect] を選びます。開いている XUL ウィンドウを調べたいのであれば、[ファイル] メニューから [ウィンドウを Inspect] を選びます。

    ドキュメントの DOM ノードビューで一部のノードが赤色表示されるのはなぜ?

    これらのノードは 無名コンテントノード であり、元のドキュメントによって生成されて DOM にあるものではないのです。

    なるほど。では、これらの無名ノードを表示したくない場合はどうすればいいのでしょう?

    [表示] メニューの [無名コンテントを表示] からチェックを外せば Inspector の中で無名ノードを隠せます。

    元のドキュメントにない空の #text ノードがいっぱいあります。これらは何でしょう? どうして存在して、どうすれば取り除けるのでしょう?

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

    都合の良いことに、[表示] メニューの [ホワイトスペースノードを表示] からチェックを外せば、Inspector の中でこれらの ホワイトスペースノード を隠せます。ただし、すべての空のテキストノードを隠せるわけではありません。連続するホワイトスペースをユーザエージェントがまとめることを CSS の white-space プロパティの値で制限しているノードが隠されることはありません。

    DOM ツリー中の特定のノードを探すのが大変です。ツリー中を探す以外にもっと手早くできる方法はありませんか?

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

    ノードについて何も分かっていないなら、それをクリックして選択してみることもできます。そのノードをビューの中に表示させておいて、[検索] メニューから [クリックで要素を選択] を選び、それから調べたい要素をクリックするのです。

    原文書の情報

    • 著者: Christopher Aillon
    • 最終更新日: November 11, 2003
    • 著作権: Portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a Creative Commons license | 詳細

    ドキュメントのタグと貢献者

    タグ: 
    Contributors to this page: Kohei, Mgjbot
    最終更新者: Kohei,