Inspect and modify the DOM

  1. Click the Elements icon on the toolbar to display the Elements panel.
  2. In the document pane, navigate to the node that you want to view or change.
  3. Perform any of the following actions:
    • To change the value of an attribute, double-click the value in the document pane to make the value editable, then type the new value. Use the Tab key to cycle through each of the element's attributes to modify more than one value.
    • To change an attribute name, double-click the attribute name and type the new value.
  4. When you're done, propagate the changes to the source document.