<table id="demo"></table>

function loadXMLDoc() {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            myFunction(this);
        }
    };
    xmlhttp.open("GET", "/data.xml", true);
    xmlhttp.send();
}
function myFunction(xml) {
    var i;
    var xmlDoc = xml.responseXML;
    var table="<thead class="design1"><tr><th>Data 1</th><th>Data 2</th><th>Headquarters</th><th>Data 3</th><th>Data 4:</th></tr></thead><tbody id='myTable'>";
    var x = xmlDoc.getElementsByTagName("ROOT");

    for (i = 0; i <x.length; i++) {
        table += "<tr><td><a target='_blank' href='"+ x[i].getElementsByTagName("site")[0].childNodes[0].nodeValue +"'>" + x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue + "</a></td><td>"  + x[i].getElementsByTagName("city")[0].childNodes[0].nodeValue + "</td><td>"  + x[i].getElementsByTagName("data1")[0].childNodes[0].nodeValue + "</td><td>" + x[i].getElementsByTagName("date")[0].childNodes[0].nodeValue + "</td><td>" + x[i].getElementsByTagName("phone")[0].childNodes[0].nodeValue + "</td><td class='hidden'>" + x[i].getElementsByTagName("country")[0].childNodes[0].nodeValue + "</td><td class='hidden'>" + x[i].getElementsByTagName("city")[0].childNodes[0].nodeValue +  "</td></tr>";
    }
   table += "</tbody>";
    document.getElementById("demo").innerHTML = table;
}