Practice: Inspecting DOM "Elements" using the Developer Console

When you're interested in a particular DOM node, Inspect is a fast way to open DevTools and investigate that node.

1. Right-click Michelangelo below and select Inspect.

• Michelangelo
• Raphael

The Elements panel of DevTools opens. <li>Michelangelo</li> is highlighted in the DOM Tree.

1. Click the Inspect inspect icon in the top-left corner of DevTools.

   

2. Click the Tokyo text below.

• Tokyo
• Beirut