如何在js中读取txt文件并在不同的div中打印它的行

function readTxtFile(fileUrl, divIds) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', fileUrl, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var lines = xhr.responseText.split('\n');
      for (var i = 0; i < lines.length; i++) {
        var line = lines[i].trim();
        if (line !== '') {
          var divId = divIds[i % divIds.length];
          var div = document.getElementById(divId);
          div.innerHTML += line + '<br>';
        }
      }
    }
  };
  xhr.send();
}

// 调用示例
var fileUrl = 'example.txt'; // txt文件的URL
var divIds = ['div1', 'div2', 'div3']; // 不同div的id数组
readTxtFile(fileUrl, divIds);

function readTxtFile(fileUrl, divIds) {
  fetch(fileUrl)
    .then(response => response.text())
    .then(text => {
      var lines = text.split('\n');
      for (var i = 0; i < lines.length; i++) {
        var line = lines[i].trim();
        if (line !== '') {
          var divId = divIds[i % divIds.length];
          var div = document.getElementById(divId);
          div.innerHTML += line + '<br>';
        }
      }
    })
    .catch(error => console.log(error));
}

// 调用示例
var fileUrl = 'example.txt'; // txt文件的URL
var divIds = ['div1', 'div2', 'div3']; // 不同div的id数组
readTxtFile(fileUrl, divIds);