無法在 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