如何遍历环绕的锚点链接，并将图像和ajax加载到figcaption元素中？

// 获取所有的锚点链接
const anchorLinks = document.querySelectorAll('a');

// 遍历锚点链接
anchorLinks.forEach(link => {
  // 获取锚点链接的href属性
  const href = link.getAttribute('href');

  // 创建<figure>元素和<figcaption>元素
  const figure = document.createElement('figure');
  const figcaption = document.createElement('figcaption');

  // 加载图像
  const img = document.createElement('img');
  img.src = href;
  figure.appendChild(img);

  // 发起AJAX请求
  const xhr = new XMLHttpRequest();
  xhr.open('GET', href, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 将数据添加到<figcaption>元素中
      figcaption.textContent = xhr.responseText;

      // 将<figure>元素添加到页面中
      figure.appendChild(figcaption);
      document.body.appendChild(figure);
    }
  };
  xhr.send();
});