क्रोम कंसोल

Question

में चुनना डोम तत्वों मैं थोड़ा पालन करके हैरान हूँ: चलो कहते हैं मैं para की आईडी के साथ एक पैराग्राफ तत्व मिल गया है करते हैं। Chromes कंसोल का उपयोग करना, अगर मैं कहूँ

document.getElementById("para") 

मैं HTML स्निपेट <p id="para">....</p> के साथ वापस आ रहा हूँ, जबकि अगर मैं उदाहरण के लिए JavaScript लाइब्रेरी का डी 3 का चयन विधि और कहते हैं

d3.select("#para") 

मैं के साथ वापस आ रहा हूँ डीओएम नोड और अनुच्छेद तत्व के सभी गुणों और विधियों तक पहुंच सकते हैं।

क्यों इस अंतर है?

Answer 1

डिफ़ॉल्ट रूप से, जब क्रोम में एक डोम नोड प्रवेश करने, यह मार्कअप के रूप में प्रदर्शित करता है। सामान्य ऑब्जेक्ट के रूप में DOM नोड को लॉग इन करने के लिए console.dir का उपयोग करें। कारण d3.select("#para") सामान्य ऑब्जेक्ट के रूप में दिखाता है कि यह विधि शायद एक डोम नोड वापस नहीं करती है, लेकिन एक ऑब्जेक्ट जो डोम नोड पर लपेटता है।

console.dir(document.getElementById("para"));