11

Chrome のデバッガ (または別のデバッグ ツール) を使用して DOM 要素をオブジェクトとして表示することは可能ですか?

つまり、Chrome のコンソールで通常のオブジェクトを作成すると、その要素を調べることができます。

> o = {}
  - Object
    - __proto__
      - __defineGetter__
      - etc

ただし、新しい DOM 要素を作成すると、デバッガーはその HTML コンテンツを表示します。

> p = document.createElement('p')
  <p></p>

p変数をオブジェクトとして表示したいと思います。を表示する代わりに、その<p></p>プロパティを表示したいと思います (上で見たときのoように) 。

これはデバッガで可能ですか?

4

1 に答える 1

14

多分console.dir()あなたが求めているものです。

> p = document.createElement('p')
    <p></p>
> console.dir(p)
    - HTMLDivElement
        align: ""
        ...

以下の画像は、Google Chrome コンソール ツール ドキュメントからのものです。

console.dir の表示

于 2012-10-30T18:16:28.720 に答える