<a id="fileDownload" href="#">ダウンロード</a>

            

// ページの読み込み完了後に処理を開始
document.addEventListener("DOMContentLoaded", () => {
    const downloadLink = document.getElementById("fileDownload");　// HTMLで指定したダウンロードリンクのIDを指定
    if (!downloadLink) return;

    // クリック時にダウンロードリンクを取得・適用
    downloadLink.addEventListener("click", async (event) => {
        event.preventDefault(); // デフォルトの動作を防ぐ

        const targetUrl = "/{レコードアイテムを設置したページの相対パス}?record={ファイルが格納されているDBのDBID}.{レコードID}";

        try {
            // fetch APIを使って対象のページHTMLを取得
            const response = await fetch(targetUrl);
            if (!response.ok) throw new Error("ページの取得に失敗しました");

            const text = await response.text();
            const parser = new DOMParser();
            const doc = parser.parseFromString(text, "text/html");

            // ダウンロードリンクを検索
            const fileLink = doc.querySelector("a.sp-form-file-bold-link");
            if (fileLink) {
                const fileUrl = fileLink.href;
                window.location.href = fileUrl;
                console.log("ダウンロード開始:", fileUrl);
            } else {
                console.warn("ダウンロードリンクが見つかりませんでした");
            }
        } catch (error) {
            console.error("エラー:", error);
        }
    });
});