html循环读取txt文本内容存放于li标签中

要在 HTML 中循环读取 TXT 文本内容并存放在 li 标签中，需要使用 JavaScript 来实现。具体做法如下：

1. 使用 XMLHttpRequest 对象来读取 TXT 文件中的内容，将其存储到一个变量中。

2. 将读取到的内容按照换行符分割成数组，每个数组元素对应 TXT 文件中的一行内容。

3. 使用 JavaScript 循环遍历数组，并将每个数组元素添加到一个 ul 标签中的 li 标签里。

下面是一个示例代码：

<!--HTML代码-->
<ul id="list"></ul>

<!--JavaScript代码-->
<script>
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'example.txt', true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var content = xhr.responseText; // 读取到的TXT文件内容
      var lines = content.split('\n'); // 按照换行符分割成数组
      var list = document.getElementById('list'); // 获取ul元素
      for (var i = 0; i < lines.length; i++) {
        var li = document.createElement('li'); // 创建li元素
        li.textContent = lines[i]; // 设置li元素的文本内容
        list.appendChild(li); // 将li元素添加到ul元素中
      }
    }
  };
  xhr.send();
</script>

这样就可以在 HTML 中循环读取 TXT 文本内容并存放在 li 标签中了。