How can I log an HTML element as a JavaScript object?
try this:
console.dir(element)
Reference
[Video] Paul Irish on becoming a console power user.
Browser print only html part, you can put the element in a object to see dome structure.
console.log({element})
Use 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
If you’re inside the console already, you could simply type dir instead of console.dir:
dir(element); // logs the element’s properties and values
To simply list the different property names (without the values), you could use Object.keys:
Object.keys(element); // logs the element’s property names
Even though there’s no public console.keys() method, if you’re inside the console already, you could just enter:
keys(element); // logs the element’s property names
This won’t work outside the console window, though.