The Document Object Model (DOM) is an interface for dynamically accessing the content, structure and style of XML and HTML documents. Komodo's DOM Viewer tab displays the DOM nodes (e.g. elements and attributes) of the current document as a collapsible tree. The DOM Viewer lets you find, view and jump to any of these nodes quickly.
Double-clicking on a node in the DOM Viewer moves the cursor to the corresponding node in the document.
The Locate current node button does two things:
The Show/hide attributes button toggles the visibility of element attributes. Attributes are hidden by default.
Entering text in the Filter box performs an XPath search on the nodes in the tree, limiting the tree view to matching nodes and their parents.
For example, when viewing an HTML document, entering
table in the Filter box might limit the tree view to
<table ...> element and the parent
If a node matching the search string is found in a collapsed
branch, the branch is automatically expanded.
For documents that use namespace prefixes, like XSLT, use the format prefix:element-name in the search (e.g. xsl:template).
The Filter box uses the XPath syntax supported in Python's ElementTree.
More information on various aspects of the Document Object Model can be found here: