如何创建一个 JavaScript 函数，将段落的 innerHTML 替换为文本文件的内容？ [复制]答案

【问题标题】：How can I create a JavaScript function that replaces the innerHTML of a paragraph with the contents of a text file? [duplicate]如何创建一个 JavaScript 函数，将段落的 innerHTML 替换为文本文件的内容？ [复制]
【发布时间】：2020-10-21 02:55:11
【问题描述】：

假设我有 3 个文件：~/html/display.html、~/data/text.txt 和 ~/js/script.js。 display.html 具有以下正文：

<body>
  <p id="textblock">text</p>
  <script src="../js/script.js">
    loadTxt("../data/text.txt", "textblock")
  </script>
</body>

而text.txt 包含单行：text line

我想知道如何使用 script.js 中的签名 loadTxt(path, id) 创建函数 loadTxt，该函数获取 path 文本文件的内容并将段落的 innerHTML 替换为给出id 和上述内容。

我已尝试使用 fetch 和 xhtml，但在导航它们时遇到问题。

如果我的 HTML 语法有误，请告诉我。我还不太习惯使用脚本和 HTML。

【问题讨论】：

你能告诉我们你尝试了什么吗？
显示您尝试过的内容。这可能是一个简单的错误
At least one of these will work

标签： javascript html

【解决方案1】：

您可以使用fetch 并获取响应文本。

function loadTxt(path, id){
    fetch(path).then(res => document.getElementById(id).innerHTML = res.text());
}

【讨论】：

欺骗。例如this
不错的答案，恭喜获得 10k :)
@RiwimoHerbs 谢谢。