javascript - DOMを変更せずにJavascriptページオーバーレイ

Question

私は JS を学習中で、ページ上のすべてのリンクに整数 (クリック数) を追加しようとしています (このデータは外部 API から解析されています)。

現在、各リンクのリンク textContent を変更し、textContent の最後に整数を追加しています。これはすべてのテキスト リンクでうまく機能しますが、このクリック カウント整数をページ上の画像に追加する際に問題が発生しています。ページ上の画像のクリック数を表示する最良の方法は何でしょうか。画像にオーバーレイとしてクリック数を追加することはできますか?

これまでの私のコード:

function ls(url) {
  var getURL = "url" + url;
  var req = new XMLHttpRequest();
  req.open("GET", getURL, "true");
  req.onload = function() {
    var resObj = JSON.parse(req.responseText);
    var links = document.querySelectorAll("a");
    for (var i = 0; i < links.length; i++) {
      var rawLink = links[i].href; var linkText = links[i].textContent; var link = links[i].href.replace(/(.*)#?/, "$1");
      var escapedLink = escape(rawLink);
      if (rawLink in resObj) {
        links[i].textContent = linkText + " (" + resObj[rawLink] + ")";
      } else if (escapedLink in resObj) {
        links[i].textContent = linkText + " (" + resObj[escapedLink] + ")";
      }
    }
  };

これは、リンク数を textContent の最後に追加するだけです。ページ レイアウトを台無しにすることなく、このリンク数を画像に追加するにはどうすればよいでしょうか。