使用 JavaScript 将数组数据填充到表中答案

【问题标题】：Array data to be filled into a table using JavaScript使用 JavaScript 将数组数据填充到表中
【发布时间】：2017-11-28 11:04:58
【问题描述】：

var arr = [1,2,3,4,5,6,7,8,9];

数组的数据必须使用JavaScript填写到如下所示的表格中。

谢谢。

【问题讨论】：

你能说得更具体点吗？您想使用 javascript 呈现表格吗？你能分享一些代码吗？
这不是问题。这是一个代码请求。

标签： javascript arrays dynamic-arrays

【解决方案1】：

请不要养成要求免费代码的习惯。

let arr = [1,2,3,4,5,6,7,8,9];

for(i=0;i<arr.length;i++) {
   let a = arr[i];
   let b = a + 5;
   if(arr.indexOf(b)!= -1) {
       let tdtag1 = document.createElement("td");
       let tdtag2 = document.createElement("td");
       let trtag = document.createElement("tr");
       let trText1 = document.createTextNode(a);
       tdtag1.appendChild(trText1);
       let trText2 = document.createTextNode(b);
       tdtag2.appendChild(trText2);
       trtag.appendChild(tdtag1);
       trtag.appendChild(tdtag2);
       document.getElementById("myTable").appendChild(trtag);
   }
   else if(a == 5) {
      let tdtag1 = document.createElement("td");
      let trtag = document.createElement("tr");
      let trText1 = document.createTextNode(a);
      tdtag1.appendChild(trText1);
      trtag.appendChild(tdtag1);
      document.getElementById("myTable").appendChild(trtag);
   }
}

<table id="myTable">
</table>

【讨论】：

【解决方案2】：

let arr = [1,2,3,4,5,6,7,8,9];
let tbl = document.createElement('div');
tbl.setAttribute('id','tab');
document.body.appendChild(tbl);
document.getElementById('tab').innerHTML = "<table border = '1' style='border-collapse: collapse;'  width='100'>" +'<tr>' + '<td >'+ arr[0] + "</td>" + '<td >'+ arr[5] + "</td>" + '</tr>' + '<tr>' + '<td>' + arr[1] + '</td>' + '<td>' + arr[6] + '</td>' + '</tr>' + '<td>' + arr[2] + '</td>' + '<td>' + arr[7] + '</td>' + '</tr>'+'<tr>' + '<td>'+ arr[3] + "</td>" + '<td>'+ arr[8] + "</td>" + '</tr>'+'<tr>' + '<td>'+ arr[4] + "</td>" + '<td>'+ ' ' + "</td>" + '</tr>';

td{
text-align:right;
}

【讨论】：