2012-10-30 11 views
8

क्या डॉम एलिमेंट्स को ऑब्जेक्ट्स के रूप में देखने के लिए क्रोम के डीबगर (या कोई अन्य डिबगिंग टूल) का उपयोग करना संभव है?क्रोम डीबगर में ऑब्जेक्ट्स के रूप में डोम एलिमेंट्स देखना

यही है, अगर मैं क्रोम के कंसोल में नियमित ऑब्जेक्ट बनाता हूं, तो मैं इसके तत्वों का निरीक्षण करने में सक्षम हूं।

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

हालांकि, अगर मैं एक नया डोम तत्व बनाता हूं, तो डीबगर इसकी HTML सामग्री प्रदर्शित करता है।

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

मैं एक ऑब्जेक्ट के रूप में परिवर्तनीय p देखना चाहता हूं। <p></p> देखने के बजाय, मैं इसके गुणों को देखना चाहता हूं (जैसा कि आप o ऊपर देख रहे हैं)

क्या यह डीबगर में संभव है?

उत्तर

11

शायद console.dir() वह है जो आप के बाद हैं।

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

छवि से नीचे है Google Chrome Console Tools docs

Showing console.dir

से
संबंधित मुद्दे