Javascript 无法在页面上显示小部件

我试图在我的项目中添加一个员工状态小部件，但由于某些原因，该小部件没有显示在页面上。我检查了JavaScript控制台，但没有看到任何错误

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
  if(xhr.readyState === 4) {
    var employees = JSON.parse(xhr.responseText);
    var statusHTML = '<ul class="bulleted">';
    for (var i = 0; i < employees.length; i += 1) {
      if (employees[i].inoffice === true) {
        statusHTML += '<li class="in">';
      } else {
        statusHTML += '<li class="out">';
      }
      statusHTML += employees[i].name;
      statusHTML += '</li>';
    }
    statusHTML += '</ul>';
    document.getElementById('employeeList').innerHTML = statusHTML;
  }
};
xhr.open('GET', 'data/employees.json');
xhr.send();

var xhr=new-XMLHttpRequest（）；
xhr.onreadystatechange=函数（）{
if（xhr.readyState==4）{
var employees=JSON.parse（xhr.responseText）；
var statusHTML='
”；
对于（变量i=0；i；
}
statusHTML+=员工[i]。姓名；
statusHTML+=''；
}
状态HTML+='
'；
document.getElementById（'employeeList'）。innerHTML=statusHTML；
}
};
open（'GET'，'data/employees.json'）；
xhr.send（）；

您能提供更多信息吗

您向我们展示了代码，这本身看起来很好，但是在您向我们展示更多之前，我们不会知道您是否有无效的文档引用或其他错误

---

也就是说，因为您说没有报告错误，所以可能是CSS定义导致元素不出现。为什么不直接在“employeeList”元素中添加一些html，看看它是否出现在屏幕上

我确实在“employeeList”元素中添加了一些文本，并显示在页面上。尝试将“innerHTML”更改为“append”。你能把一些代码复制过来摆弄一下吗，这样我就可以在你有代码的时候处理它了？嘿，肯尼斯，非常感谢你的努力。结果，我丢失了css文件。再次感谢你！