无法在 html 网页中显示文本文件的内容

Question

我正在学习如何使用 html 和 javascript，并且我一直在尝试创建一个 html 网页，该网页获取文本文件 info.txt 的内容，并在网页打开后立即将其显示在网页上。

我的问题是文本文件的内容不会显示在网页上。 我试过在 Chrome 和 FireFox 上打开我的 html 文件，但是 info.txt 的内容不会显示。 我将文本和 html 文件存储在同一个文件夹中。

我附上了我的 html 代码和 info.txt。 如果有人能给我一些有关如何解决此问题的指示，我将不胜感激！

<!DOCTYPE html>
<html>
<body>

<h2>Info</h2>

<script type = 'text/javascript'>

function read_file() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      var e = document.getElementById('info');
      e.innerHTML = xhttp.responseText;
    }
  };
  xhttp.open('GET', 'info.txt', true);
  xhttp.send();
}
read_file();

</script>

</body>

</html>

信息.txt：

Dan, Green Tea
Lola, Earl Grey
De, Matcha
Pearl, Coffee

Answer 1

您没有任何带有 id="info" 的 html 元素。

var e = document.getElementById('info');

这是试图找到具有 id 的元素，但没有。

我认为您需要做的是创建某种元素，可能是具有此 ID 的段落元素。 <p id="info"></p>

无法在 html 网页中显示文本文件的内容

问题描述

1 个解决方案

解决方案1
3 2020-10-23 17:32:21

无法在 html 网页中显示文本文件的内容

问题描述

1 个解决方案

解决方案1 3 2020-10-23 17:32:21

解决方案1
3 2020-10-23 17:32:21