javascript - 如何从 JavaScript 数组生成 3x3 HTML 表

Question

我有一个 Javascript 值数组，如下所示:

var data = {"A", "B", "C", "D", "E", "F", "G", "H", "I" };

如何生成如下所示的 3x3 HTML 表格

A    B    C

D    E    F

G    H    I

Answer 1

var data = ["A", "B", "C", "D", "E", "F", "G", "H", "I" ]; // corrected Array syntax

var table = document.createElement("table");
var i = 0;
for (var r = 0; r < 3; r++) {
  var row = table.insertRow(-1);
  for (var c = 0; c < 3; c++) {
    var cell = row.insertCell(-1);
    cell.appendChild(document.createTextNode(data[i++]));
  }
}

document.body.appendChild(table);