How to display XML in a HTML page as a collapsible and expandable tree using Javascript?

javascript html xml tree
Juha Syrjälä picture Juha Syrjälä · Sep 2, 2009 · Viewed 73.7k times · Source

How to display a XML document in a HTML page as a collapsible and expandable tree?

I'd like to display a XML document inside a HTML page as a nicely pretty printed tree structure. I'd like to be able to expand and collapse tree branches. For example Firefox browser does this when you load a plain XML file. I am looking how to do this in client-side with JavaScript.

Answer

Tarik picture Tarik · Sep 2, 2009

Creating An XML Viewer With JScript - Exsead XML Power Scripting

Display XML Files with Javascript

Update:

There seems to be a better and easier-to-use alternative than what I listed above many years ago:

https://www.jstree.com/

Hope they help.

Related questions

Case insensitive XPath contains() possible?

I'm running over all textnodes of my DOM and check if the nodeValue contains a certain string. /html/body//text()[contains(.,'test')] This is case sensitive. However, I also want to catch Test, TEST or TesT. Is that possible with …

Read More
How do I get the entire XML string from a XMLDocument returned by jQuery (cross browser)?

I have tried and failed to find out how to get the entire XML string from the XMLDocument returned by a GET. There are a lot of questions on SO on how to find or replace specific elements in the …

Read More
Embedding XML (with XML declaration) in HTML or other XML

I have the error : Error Parsing /WEB-INF/includes/VerDatosProyeccion.xhtml: Error Traced[line: 4302] The processing instruction target matching "[xX][mM][lL]" is not allowed. I am using the code of same code of : http://jsfiddle.net/qxLn3h86/. I cut …

Read More