Parse XML file of H1Z1 server population staus

<!DOCTYPE html>
<html>
<head>
    <style type='text/css'>
        *{
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin:0;
            padding:0;
        }

        table{
            margin: 1em auto;
            border: 1px solid black;
            border-collapse: collapse;
            font-family: Arial, Helvetica, sans-serif;
        }

        td{
            padding:.5em .8em;
            border: 1px solid #000;
            text-align: center;
        }

        td[colspan='2']{
            background: #333;
            color:#fff;
        }
    </style>


    <script type='text/javascript'>//<![CDATA[
        window.onload=function(){
            // Create your table element
            table = document.createElement('table');

            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","AOD-H1Z1.xml",false);
            xmlhttp.send();
            xmlDoc=xmlhttp.responseXML;

            var servers = xmlDoc.getElementsByTagName('list')[0].childNodes[0]
                .getElementsByTagName('server');
// for each server
            for(var i=0, l=servers.length; i<l; i++){
                var server = servers[i];
                // Insert a row
                var tr = table.insertRow();
                // Insert a cell
                var td = tr.insertCell();
                // Make it spread over 2 columns
                td.colSpan = '2';
                // Insert the server name
                td.innerHTML = server.getAttribute('name');

                var timestamps = server.getElementsByTagName('timestamp');
                // For each timestamp
                for(var j=0, k=timestamps.length; j<k; j++){
                    var timestamp = timestamps[j];
                    // Insert a row
                    tr = table.insertRow();
                    // Insert a cell
                    td = tr.insertCell();
                    // Insert the timestamp name
                    td.innerHTML = timestamp.getAttribute('name');
                    // Insert a cell
                    td = tr.insertCell();
                    // Insert the timestamp value
                    td.innerHTML = timestamp.innerHTML;
                }
            }

            // Append it to the body?
            document.body.appendChild(table);
        }//]]>
    </script>
</head>
<body>

</body>
</html>