Як я можу зареєструвати елемент HTML як об’єкт JavaScript?

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>який неможливо перевірити, натиснувши стрілки поруч із ним. Якщо я хочу бачити об'єкт JavaScript (з його методами та полями) замість просто 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})