如何从JavaScript数组中生成3x3 HTML表格 [英] How to Generate 3x3 HTML Table From an JavaScript Array

问题描述

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

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

  ABC 
 
 DEF 
 
 GHI 
  

解决方案

  var data = [A，B，C ，E，F，G，H，I]; //更正了数组语法
 
 var table = document.createElement（table）; 
 var i = 0; （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）; 
  

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

解决方案

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

这篇关于如何从JavaScript数组中生成3x3 HTML表格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！