ブックマークを日付順に一覧表示するブラウザの拡張機能を作ってみる。その２

// ブックマークをすべて取得
function getTreeNodes() {
  chrome.bookmarks.getTree(function (bookmarkTreeNodes) {
    const TreeNodes = bookmarkTreeNodes;
    getNode(TreeNodes);
  });
}
//フォルダだけを取得する
function getNode(bookmarkTreeNodes) {
  const fragment = document.createDocumentFragment();
  const template = document.getElementById("template");
  for (let i = 0; i < bookmarkTreeNodes.length; i++) {
    const node = bookmarkTreeNodes[i];
    const clone = template.content.cloneNode(true);

    if (node.children) {
      if (node.dateGroupModified) {
        clone.querySelector(".time").textContent = time(node.dateGroupModified); // フォルダが作成された時間
        clone.querySelector(".title").textContent = node.title;                  // フォルダ名
        clone.querySelector(".title").id = node.id;                              // フォルダID
        clone.querySelector(".title").onclick = function () {                    // フォルダ名がクリックされた時の処理
          chrome.tabs.create({
            url: <code>../html/main.html?id=${this.id}&title=${this.textContent},
          });
        };
      }

      getNode(node.children);
    }
    fragment.appendChild(clone);
  }
  document.querySelector("ul").appendChild(fragment);
}
getTreeNodes();

// GETパラメーターで送られてきたフォルダ名とIDを取得する
const url = new URL(window.location.href);
const params = url.searchParams;
const title = params.get("title");
// フォルダ別のブックマーク一覧を表示する
if (params.get("id")) {
  const id = params.get("id");
  document.querySelector("h1").textContent = title;
  chrome.bookmarks.getChildren(id, function (subTree) {
    getNode(subTree);
  });
} 

//ブックマーク一覧取得して表示する
function getNode(bookmarkTreeNodes) {
  const fragment = document.createDocumentFragment();
  const template = document.getElementById("template");

  bookmarkTreeNodes.forEach(function (node) {
    const clone = template.content.cloneNode(true);
    clone.querySelector("a").href = node.url;
    clone.querySelector("a").textContent = node.title;
    clone.querySelector(".time").textContent = time(node.dateAdded);
    clone.querySelector(".remove").id = node.id;
    clone.querySelector(".remove").title = node.title;
    //ブックマークを削除する
    clone.querySelector(".remove").onclick = function () {
      const result = confirm(<code>${this.title}を削除してもよろしいですか？);
      if (result) {
        chrome.bookmarks.remove(this.id);
        this.parentNode.remove();
      }
    };

    fragment.appendChild(clone);
  });
  document.querySelector("ul").appendChild(fragment);
}