DOM hata ayıklayıcısında Nesneler olarak Nesneleri Görüntüleme

Question

DOM öğelerini nesne olarak görüntülemek için Chrome'un hata ayıklayıcısını (veya başka bir hata ayıklama aracı) kullanmak mümkün mü?

Bu, Chrome konsolunda normal bir nesne oluşturursam, öğelerini denetleyebiliyorum. Ancak, yeni bir DOM öğesi oluşturursam hata ayıklayıcı HTML içeriğini görüntüler.

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

p değişkenini bir nesne olarak görmek isterim. <p></p> görmek yerine, özelliklerini görmek istiyorum (o yukarısına bakarken yaptığınız gibi)

Bu hata ayıklayıcıda mümkün mü?

Answer 1

Belkide console.dir() durumunuz ne olduğunu.

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

Görüntü altındadır Google Chrome Console Tools docs

dan