Home/ Questions/Q 6672521
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T03:31:06+00:00

This is something that’s been driving me nuts for a while. When I console.log

  • 0

This is something that’s been driving me nuts for a while. When I console.log a DOM node (returned by example from document.getElementById), it appears as an interactive html element, as it would appear on the “Elements” tab.

This can be handy for sure, but there are times when I just want to be able to expand the object and see all of its properties, like I can do for every other kind of object I log to the console.

Is there any way I can get a DOM node to display in the console as a regular object??

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use console.dir instead of console.log.

    console.log( document.body );
<body class="question-page">...</body>

console.dir( document.body );
> HTMLBodyElement
    aLink: ""
    attributes: NamedNodeMap
    background: ""
    ...

    From the Firebug docs:

    console.dir(object)

    Prints an interactive listing of all properties of the object. This looks identical to the view that you would see in the DOM tab.

    Chrome supports console.dir as well, as shown here (not shown as a property of console, but it is available).

    enter image description here

    • 0