How to pass XML data to Menu

This is my HTML

"viewport" content="width=device-width, initial-scale=1"> "stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> "stylesheet" href="CSS/MainStyle.css">
class="row"> class="left" style="background-color:#000000;"> "color:white">Admin class="fa fa-search"> "text" id="mySearch" onkeyup="myFunction()" class="" placeholder="Search" title="Type in a category">
"myMenu">
"#">class="fa fa-fw fa-user">

The following my Javascript

if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp = new XMLHttpRequest(); } else

{// code for IE6, IE5

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }

xmlhttp.open("GET", "Data/Records.xml", false);

xmlhttp.send(null);

xmlDoc = xmlhttp.responseXML;

document.write("");

var x = xmlDoc.getElementsByTagName("record");

for (i = 0; i < x.length; i++) {

document.write("

+"" + x[i].getElementsByTagName("role")[0] .childNodes[0].nodeValue + x[i].getElementsByTagName("department")[0] .childNodes[0].nodeValue + "

") ; } document.write("");

1 Reply

Know the answer? Post it — somebody with the same question will find it here.