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

Question

I have an array of values in Javascript as follows:

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

How can I generate a 3x3 HTML table like the following

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);

Answer 2

var data = ["A", "B", "C", "D", "E", "F", "G", "H", "I" ];
var html = '<table><tr>';
for(var i = 0 ; i<data.length; i++){
    if(i%3 == 0 && i != 0){
       html+= '</tr><tr>'
    }
    html+='<td>'+data[i]+'</td>';
}
html+='</tr></table>';

document.write(html);

Answer 3

http://jsfiddle.net/DuSP5/刚刚尝试了这个。