Difference
console.logprints the element in an HTML-like treeconsole.dirprints the element in a JSON-like tree
Example

Specifically, console.log gives special treatment to DOM elements, whereas console.dir does not.
This is often useful when trying to see the full representation of the DOM JS object.
SEE ALSO stackoverflow