JSFiddle - React, Tailwind, and code Playground

by Will Stott

JavaScript

const xml = `
<example id="testdata" xmlns:space="hello">
    <space:tag>test</space:tag>
    <bag>test</bag>
</example>
`;
  
const xmlParser = new DOMParser();
const dom = xmlParser.parseFromString(xml, "text/xml");

function display(prefix, o) {
	document.body.append(prefix);
	if (o instanceof NodeList || o instanceof HTMLCollection) {
      document.body.append("list: ");
  		document.body.append(Array.from(o));
  } else {
      document.body.append("obj: ");
      document.body.append(String(o));
  }
  document.body.append(document.createElement("br"));
}

display("query *|tag ", dom.querySelector("*|tag"));
display("query *|tag ", dom.querySelectorAll("*|tag"));

display("query tag ", dom.querySelector("tag"));
display("query tag ", dom.querySelectorAll("tag"));

display("query |tag ", dom.querySelector("|tag"));
display("query |tag ", dom.querySelectorAll("|tag"));

display("ByTag tag ", dom.getElementsByTagName("tag"));
display("ByTagNS *tag ", dom.getElementsByTagNameNS("*", "tag"));

display("query |bag ", dom.querySelector("|bag"));
display("query |bag ", dom.querySelectorAll("|bag"));

display("ByTag bag ", dom.getElementsByTagName("bag"));
display("ByTagNS *bag ", dom.getElementsByTagNameNS("*", "bag"));