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>

info.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 个答案: