Javascript 如何用DOM制作表格？

这段代码在IE中不起作用，所以我需要使用DOM代码而不是内部HTML，ths Gabriel。 所以，问题是IE不理解带有表TR和TD的innerHTML。我需要另一种方法。但我不知道怎么做，mbe你有链接吗

---

$（文档）.ready（函数（）{
var request=new XMLHttpRequest（）；
request.open（'GET'，'http://api.randomuser.me/?results=11",对),；
request.onreadystatechange=函数（）{
if（this.readyState==4）{
如果（this.status>=200&&this.status<400）{
var resp=this.responseText；
var yourvevent=JSON.parse（resp）；
警报（resp）；
var u=yourEvent.results[0]。用户；
//警报（yourEvent.results[0].user.name.title）；
//document.getElementById（“表包装器”）.innerHTML=u；
var our_html=“所以，尝试了另一个链接。像这样的方法很有效：


$（“#表包装器”）.append（'FirstSecondThirdFourthFifth'）；

现在我只需要把它放进我的变量中。
它是如何“不工作”的？你有错误吗？你试过调试它吗？函数createTable（）{$（“#footer”）.append（“”；uuuuuuuuu）忘记删除tr，TD，TABLE在IE中不能工作，我知道。所以，我需要dom方法Singhakash，我会试试
$(document).ready(function () {
var request = new XMLHttpRequest();
request.open('GET', 'http://api.randomuser.me/?results=11', true);

request.onreadystatechange = function() {
  if (this.readyState === 4) {
    if (this.status >= 200 && this.status < 400) {
      var resp = this.responseText;
      var yourEvent = JSON.parse(resp);
     alert(resp);
     var u = yourEvent.results[0].user;
     //alert(yourEvent.results[0].user.name.title);

     //document.getElementById("table-wrapper").innerHTML=u;

var our_html = "<table 'border='0' cellpadding='0' cellspacing='0'>";
our_html += "<tr><th style='width:52px;border-left:none;'>№</th><th>Имя Фамилия Отчество</th><th>Адрес</th><th>Фото</th><th style='width:180px;border-right: none;'>Действие</th></tr>";
    yourEvent.results.forEach(function(item, item_number){
        var u = item.user; // задрало уже длинно ))
        our_html += "<tr>";
        our_html += "<td style='width:52px;'>" + (parseInt(item_number)+1) + "</td>";
        our_html += "<td class='usname'>" + u.name.title + "." + "<span>" + u.name.first + "</span>" + " " + "<span>" + u.name.last +"</span>" + "</td>";
        our_html += "<td class='usst'>" + "<span>" + u.location.city + "</span>" + ", " + u.location.street + "</td>";
        // чтобы табличку не растаращило, на время отладки
        our_html += '<td style="width:146px;"><img style="max-width:60px; max-height:60px;border-radius: 30px;" src="'+u.picture.medium+'"></td>';
        our_html += '<td style="width:180px; border-right: solid 1px #e1e1e1;"><div class="more" onclick="alert("'+u.name.first+'")">Просмотреть</div></td>';
        our_html += "</tr>";
    });
    our_html += "</table>";

    document.getElementById("table-wrapper").innerHTML=our_html;


    } else {
      //Debug error here!
      console.error("An error occurred");
    }
  }
};
request.send();
request = null;



});

$('#table-wrapper').append('<table id="options"><tbody><tr><th>First</th><th>Second</th><th>Third</th><th>Fourth</th><th>Fifth</th></tr></tbody></table>');