JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fast-xml-parser/4.3.2/fxparser.min.js"></script>

<p id="trk1">trk</p>
<p id="trk2">trk2</p>
<p id="attr">attr</p>

JavaScript

let xml = '<gpx myAttr="fred"><trk>track 1</trk><trk>track 2<trkpt>trackpoint 2</trkpt></trk></gpx>';
const options = {
  ignoreAttributes: false,
  attributeNamePrefix : "@_"
};
const parser = new XMLParser(options);
const root = parser.parse(xml);

const track0 = root.gpx.trk[0];
const trackpoint = root.gpx.trk[1].trkpt;
const attr = root.gpx.myAttr

document.getElementById("trk1").innerHTML = track0;
document.getElementById("trk2").innerHTML = trackpoint;
document.getElementById("attr").innerHTML = attr;