Inspect and modify the DOM

Inspect and modify the DOM from the the Web Inspector Document pane.

To 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. To modify more than one value, use the Tab key to cycle through each of the element's attributes.
    • 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.