Menu
I would like to see the dom of my xhtml page in the form a tree/ graph - in the form of an inverted tree or even otherwise. I tried firebug, DOM Inspector, which displays the dom structure well, but it is in the form of collapsible tree (like you click on + and it displays the branches, and again click + to get the subbranches etc..). While this is fine, I am looking to see if the same can be displayed, sort of, in the form an image, so that visualisation is better.
Any tools that do this?
Thanks!
491
A real world example of a tree data structure is the HTML Document Object Model (DOM) structure.
The DOM is often referred to as the DOM tree, and consists of a tree of objects called nodes. In the Introduction to the DOM, we went over what the Document Object Model (DOM) is, how to access the document object and modify its properties with the console, and the difference between HTML source code and the DOM.
One way to represent the DOM is with a tree graph. A tree graph shows the relationship between parent and child objects, with lines between them representing their relationship. Take a family tree as an example.
Take a look at http://www.burlaca.com/2009/02/html2gdl-graphviz/
It's a -
script that creates the graph of a html file/url for aiSee graph layout software [or GraphViz]
99
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
