如何讀取文本文件的內容並將其寫入<div>使用普通的 JavaScript？</div><div id="text_translate"><p> <strong>問題：</strong>如何從文本文件中讀取內容（與 html 頁面一起保存在服務器上）並將該內容寫入 HTML 頁面上的<em>“innerHTML”</em>中？</p><p> <strong>上下文：</strong>我想創建一個用作博客的 static 網站。 但是，我希望只有一個帖子頁面，每個帖子都從文本文件中讀取並寫入頁面的主 div。 文本文件中的內容將用所需的 html 標記進行標記，以便它們在寫入 div 時像 html 一樣 function （但文件本身將保存為<em>.txt</em>文件）</p><p> 理想情況下，文本文件應該能夠存儲在與調用它的 html 頁面（和/或腳本文件）不同的文件夾中。</p><p> <strong>附加信息：</strong>我遇到的大多數解決方案都與讀取用戶上傳的文件有關。 這不是我想要理解的。 我試圖了解如何從作為網站資產一部分存儲的文本文件中讀取數據。</p></div>

Question

問題：如何從文本文件中讀取內容（與 html 頁面一起保存在服務器上）並將該內容寫入 HTML 頁面上的“innerHTML”中？

上下文：我想創建一個用作博客的 static 網站。 但是，我希望只有一個帖子頁面，每個帖子都從文本文件中讀取並寫入頁面的主 div。 文本文件中的內容將用所需的 html 標記進行標記，以便它們在寫入 div 時像 html 一樣 function （但文件本身將保存為.txt文件）

理想情況下，文本文件應該能夠存儲在與調用它的 html 頁面（和/或腳本文件）不同的文件夾中。

附加信息：我遇到的大多數解決方案都與讀取用戶上傳的文件有關。 這不是我想要理解的。 我試圖了解如何從作為網站資產一部分存儲的文本文件中讀取數據。

Answer 1

使用獲取 API 。

(async () => {
    const text = await (await fetch("/path/to/the/text/file.txt")).text();
    div.innerHTML = text;
})();

順便說一句，除非文件包含 HTML 標記，否則我建議您使用.innerText而不是.innerHTML 。 這樣，像<這樣的字符不會被特別解釋。