提问者:小点点

如何创建一个JavaScript函数,用文本文件的内容替换段落的innerHTML?[副本]


假设我有3个文件:~/html/display。html~/data/text。txt~/js/script。js<代码>显示。html具有以下正文:

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

文本。txt包含一行:文本行

我想知道如何使用脚本中的签名loadTxt(path,id)创建函数loadTxt。js,它获取路径的文本文件的内容,并用给定的id替换段落的内部HTML

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

如果我的HTML中的语法错误,也请告诉我。我还不太习惯使用脚本和HTML。


共1个答案

匿名用户

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

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