আমি কীভাবে একটি জাভাস্ক্রিপ্ট অবজেক্ট হিসাবে এইচটিএমএল উপাদান লগ করতে পারি?

Question 1

গুগল ক্রোম ব্যবহার করে, যদি আপনি console.logকোনও বিষয় হন তবে এটি আপনাকে কনসোলের উপাদানটি পরীক্ষা করতে দেয়। উদাহরণ স্বরূপ:

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

এটি প্রিন্ট করে Objectযা পাশের তীরগুলিতে ক্লিক করে পরিদর্শন করা যেতে পারে। তবে আমি যদি এইচটিএমলেমেন্ট লগ করার চেষ্টা করি:

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

ব্রাউজারটি কেবলমাত্র এইচটিএমএল অংশ প্রিন্ট করে, আপনি গম্বুজের কাঠামো দেখতে কোনও উপাদানটিতে উপাদানটি রাখতে পারেন।

console.log({element})