JSFiddle - React, Tailwind, and code Playground

by Michael Menaker

HTML

<p id="demo"></p>

JavaScript

function processChildNodes(childNodes){
  var txt = "";
  for (i = 0; i < childNodes.length; i++) {
  if  ( childNodes[i].childNodes[0]) {
    txt += childNodes[i].nodeName + ": " + 	childNodes[i].childNodes[0].nodeValue + "<br>"; 
    }
    
    txt += "ccccc" + processChildNodes(childNodes[i].childNodes);
  }

  return txt;
}

var x, i, xmlDoc;
var txt = "";
var text = "<book>" +
  "<title>Everyday Italian</title>" +
  "<author>Giada De Laurentiis<year>2005</year></author>" +
  "<year>2005</year>" +
  "</book>";

parser = new DOMParser();
xmlDoc = parser.parseFromString(text, "text/xml");

// documentElement always represents the root node
x = xmlDoc.documentElement.childNodes;
txt += processChildNodes(x);

document.getElementById("demo").innerHTML = txt;