Como registrar representações de elementos JavaScript no console

Você já tentou registrar, digamos, elementos DOM para inspecioná-los no console usando console.log e depois viu algo assim:

Em algumas ocasiões, isso é suficiente, mas e se você quiser inspecionar a representação JavaScript do elemento?

Isso é feito facilmente usando outra função nativa chamada console.dir.

var logo = document.getElementById('hplogo');
console.dir(logo);

Arrumado!