मैं जावास्क्रिप्ट तत्व के रूप में एक HTML तत्व कैसे लॉग कर सकता हूं?

Question 1

Google Chrome का उपयोग करना, यदि आप console.logएक वस्तु हैं, तो यह आपको कंसोल में तत्व का निरीक्षण करने देता है। उदाहरण के लिए:

var a = { "foo" : "bar", "whiz" : "bang" };
console.log(a);

यह प्रिंट करता है, Objectजिसे इसके बगल में तीर पर क्लिक करके निरीक्षण किया जा सकता है। हालांकि अगर मैं एक HTMLElement लॉग इन करने की कोशिश करता हूं:

var b = goog.dom.query('html')[0];
console.log(b);

यह प्रिंट करता है <html></html>जिसे इसके बगल में तीर पर क्लिक करके निरीक्षण नहीं किया जा सकता है। यदि मैं तत्व के सिर्फ DOM के बजाय जावास्क्रिप्ट ऑब्जेक्ट (इसकी विधियों और क्षेत्रों के साथ) को देखना चाहता हूं, तो मैं यह कैसे करूंगा?

Question 2

उपयोग करें console.dir:

var element = document.documentElement; // or any other element
console.log(element); // logs the expandable <html>…</html>
console.dir(element); // logs the element’s properties and values

यदि आप पहले से ही कंसोल के अंदर हैं, तो आप dirइसके बजाय बस टाइप कर सकते हैं console.dir:

dir(element); // logs the element’s properties and values

बस अलग-अलग संपत्ति के नामों (मूल्यों के बिना) को सूचीबद्ध करने के लिए, आप उपयोग कर सकते हैं Object.keys:

Object.keys(element); // logs the element’s property names

सार्वजनिक console.keys()विधि न होने के बावजूद , यदि आप पहले से ही कंसोल के अंदर हैं, तो आप केवल दर्ज कर सकते हैं:

keys(element); // logs the element’s property names

यह कंसोल विंडो के बाहर काम नहीं करेगा, यद्यपि।

Question 3

इसे इस्तेमाल करे:

console.dir(element)

संदर्भ
[वीडियो] पॉल आयरिश एक कंसोल पावर उपयोगकर्ता बनने पर।

Question 4

ब्राउज़र प्रिंट केवल html भाग है, आप गुंबद संरचना को देखने के लिए तत्व को एक वस्तु में रख सकते हैं।

console.log({element})