|
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:
- If the window focus is on the DOM Viewer, it moves the
cursor in the editor tab to the node selected in the DOM
Viewer.
- If the window focus is on the editor tab, it finds the node
in the tree corresponding to the current cursor position in the
document.
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
the <table ...> element and the parent
<body> and <html> elements.
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:
|
