Inspect and modify the DOM from the the Web Inspector Document pane.
To inspect and modify the DOM:
-
Click the Elements icon on the toolbar to display the
Elements panel.
-
In the Document pane, navigate to the node that you want to view or
change.
-
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.
-
When you're done, propagate the changes to the source
document.