Отображать значения XML в HTML определенного элемента или атрибута

Question

Мне нужно из HTML получить конкретный элемент или атрибут и некоторые их значения из XML. Таким образом, в HTML, получить http://ipaddress/files/devices.xml, найти поле с атрибутом / элементом «Gmail SMTP» и отобразить его атрибут «status»

, а затем добавить, возможно, создать оператор if для загрузки изображения »онлайн "если атрибут" статус "= вкл

XML страница:

<devices>
 <device server_id="1">
  <label>Server_test</label>
  <status>on</status>
  <last_check>2019-10-30 02:20:53</last_check>
 </device>
 <device server_id="2">
   <label>Gmail SMTP</label>
   <status>on</status>
   <last_check>2019-10-30 02:20:53</last_check>
 </device>

HTML скрипт:

<script>
if (window.XMLHttpRequest) {
  xmlhttp = new XMLHttpRequest();
} else {
  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}


xmlhttp.open("GET", "http://ipaddress/Controllers/cron/devices.xml",
  true);
xmlhttp.send();


function myFunction(xml, i) {
  var xmlDoc = xml.responseXML;
  x = xmlDoc.getElementsByTagName("devices");
  document.getElementById("Gmail SMTP").innerHTML =
    "status:" +
    x[i].getElementsByTagName("status")[0].childNodes[0].nodeValue +
    "<br>label:" +
    x[i].getElementsByTagName("label")[0].childNodes[0].nodeValue +
    "<br>last check:" +
    x[i].getElementsByTagName("last_check")[0].childNodes[0].nodeValue;
}
</script>