Interaction Design
Programming
Communication Design
Photography
![]() |
![]() |
|||
| View DOM Tool | JavaScript |
DOM Tool
Advanced Topics in Web Design, Spring 2002
I wrote a tool to display html files as DOM trees and allow users to dynamically change content.
Problem
In a team of two, create a tool that allows full control of an html page based on its DOM.
Solution
Our DOM tool takes an HTML file and displays its tree. Users can traverse the tree and make changes to the HTML via a control area at the bottom of the page. Users have complete control over the page - they can add or delete elements, change attributes, etc.
The code controlling the tool is witten in JavaScript.
Collaborators
Paul Loftsgard. Advised by Thomas Powell.

