Practice: Inspecting DOM "Elements" using the Developer Console

Complete these interactive tutorials to learn the basics of viewing and changing a page's DOM using Chrome DevTools. This tutorial assumes that you know the difference between the DOM and HTML. 

View DOM nodes

The DOM Tree of the Elements panel is where you do all DOM-related activities in DevTools.

Source: Kayce Basques, https://developer.chrome.com/docs/devtools/dom/
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 License.