Chrome Developer Tools console - inspect JavaScript object

Question

In the old version of Chrome (not sure which version, I know it was quite some time ago), I could type the following into a console using the Chrome Developer Tools, and it would give me all associated properties of the newly created object:

document.createElement('a');

Now, when I do the same, I'm given very little back, and I can barely do anything with the returned item in the console, whereas I would just like to inspect it.

chrome-dev-tools

How do I view all the properties of this element, etc. as with the old version of Chrome - so I can inspect all properties and their values?

Many thanks.

yuvi · Accepted Answer · 2014-05-22 15:36:03Z

5

var a = document.createElement('a');
console.dir(a)

answered May 22, 2014 at 15:36

yuvi

18.5k9 gold badges63 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

keldar Over a year ago

Thanks! Is there a reason they took this behaviour out by default?

yuvi Over a year ago

I don't think there's a changelog for the chrome devtools to look at, but I think it makes more sense - think about it, how would you "print" out the result of something by default? with console.log or console.dir?

Collectives™ on Stack Overflow

Chrome Developer Tools console - inspect JavaScript object

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related