如何生成3×3的HTML表從JavaScript的數組

Question

我有值的數組中的JavaScript如下：

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

如何可以生成一個3×3的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); 

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/剛試過這個。