View node properties for a DOM node
The Node view in the details sidebar of the Elements tab shows information relating to the selected element node, which includes DOM Identity, Attributes, Properties, Event Listeners, and Accessibility information.
Open Node view
In the details sidebar of the Elements tab, click Node.
Node view is divided into five sections:
Identity: Lists the type and tag name of the selected DOM Node.
Attributes: Lists all node attributes for the selected DOM node. To copy a row or the entire table of attributes, Control-click a row and choose Copy Row or Copy Table from the shortcut menu.
By default, this section always shows all listeners for all events from the selected element up to the root element of the document. Group these listeners in reverse ancestor order (i.e., all listeners for selected element, then its parent, and lastly the root element) or by event type. To toggle, use the filter button in the Event Listeners section header.
Accessibility: Shows how the selected DOM element is exposed to assistive technologies such as VoiceOver. These properties include the computed ARIA role, ARIA label, and the accessibility parent and children of the element.
Click on node links in the Node view of the details sidebar to select the linked element in the DOM tree outline.