XMLHttpRequest allows us to both download and parse XML documents, sometimes we might want to parse XML data documents manually. For example, manual parsing would enable us to include arbitrary XML data (for example, XML-based templates) inside the page in a
script tag. This can help to reduce the number of requests sent to the browser.
In this recipe, we are going to read a simple XML document from a
textarea input and parse it using
DOMParser, and then display the result as a tree.
Let's write the test HTML page and the parser:
index.html, it should contain a
textareaelement to input XML (a sample XML document is included), a placeholder for the document
bodyobject, and some CSS ...