Javascript 以编程方式比较/使用不同网站的数据

我想以编程的方式使用我的一个朋友（也就是说，他允许我这么做）的网站数据。他通过更改图像定期更新特定步行路线的可用性（由于天气和其他原因）。因此，对于该路线，他有3个可能的图像（红色、橙色和绿色），如下所示（他始终只有1个“活动”）：

---

我真的不知道如何做第一部分。如何获取该信息？

获取页面html并解析：

fetch('pageUrl')
  .then(response => response.text())
  .then(html => {
    const parser = new DOMParser();
    const doc = parser.parseFromString(html, "text/html");

    const image = doc.querySelector('#route_icon');
    const [status] = image.src.split('.');
  });

---

您正在寻找

XMLHttpRequest

或使用。

var route_status = gettheinformation('page.com'); // This is the block I am interested in
if(route_status == closed){
var displayed_status="The track is closed";
} else....

fetch('pageUrl')
  .then(response => response.text())
  .then(html => {
    const parser = new DOMParser();
    const doc = parser.parseFromString(html, "text/html");

    const image = doc.querySelector('#route_icon');
    const [status] = image.src.split('.');
  });