This JavaScript utility allows you to interactively browse the Document Object Model representation of a page. Its designed to help developers in finding the various objects, properties and values associated with elements and other objects in an web page. The script creates a display of the properties and values for a given DOM object with links for expanding any property that is itself an object. These objects are what client-side scripts use to programmatically access and update a page. The DOM consists of nodes connected in a tree structure.
Nodes can represent an element, textual content, an attribute, etc.
But all nodes include common properties related to this tree structure. Among these are properties such as firstChild, previousSibling and parentNode. Using these you can navigate up, down or across the tree to other nodes. By default, the display starts at the root, that is, the document object. But any object can be specified as the starting node, as described below.