JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.rawgit.com/anvaka/tiny.xml/master/dist/tinyxml.min.js"></script>

JavaScript

var xmlString = '<?xml version="1.0" ?>' +
 '<items xmlns="http://foo.com">' +
 ' <item>Foo</item>' +
 ' <item color="green">Bar</item>' +
 '</items>'

var parser = tinyxml(xmlString)
var nodes = parser.selectNodes('item')
log(nodes.length === 2, 'it found two nodes')

// Nodes are actual browser elements: https://developer.mozilla.org/en-US/docs/Web/API/Element
var firstNode = nodes[0]
log(firstNode instanceof Element, 'It is instance of Element')

// Since we are using standard browser API, powerful Element interface is supported:
var root = parser.selectNodes('items')[0]

var all = root.querySelectorAll('item')
log(all.length === 2, 'matches all item elements')

var greenNode = root.querySelector('item[color="green"]')
log(greenNode.textContent === 'Bar', 'picks only one green node')


function log() {
  console.log.apply(console, arguments)
  var str = Array.prototype.join.call(arguments, ' ')
  document.body.innerHTML += str + '<br />'
}