Javascript / Xpath / DOM Population from XML string

We have an XHTML Page that allows users to enter data and click a button to create XML. It works great.

The page has the ability to add multiple data elements, like a list of people, each person could have multiple child data elements like addresses. A data element may be a string, date, checkbox, radio, select, etc. The page works great and we can enter data and get the XML out. All the page elements have attributes that define it's XML node, so it is possible to create a xpath query to find elements based on any XML node.

We would like to add a generic Load XML, that parses the XML and as it iterates through the nodes populates the data controls in the HTML. It is possible to infer the correct XHTML xpath from the XML nodes current path as you iterate the XML nodes. If the data input for a node does not exist then the script must find a parent element and call the parent add data element button so it can populate the data. This must be generic for reuse and change. Hardcoding of XPaths will not be accepted.

We need a Load XML function creating in JavaScript. We have some tests on the page to test the new Load XML method.

Before any work is started we will explain the work and ensure you are clear.

Senior experienced JavaScript's devs only please.