Создать таблицу из 4 столбцов из данных массива javascript - PullRequest
Новая
       9

Создать таблицу из 4 столбцов из данных массива javascript

0 голосов
/ 09 марта 2011

Мой вопрос очень похож на Как сгенерировать таблицу 3x3 HTML из массива JavaScript Единственная проблема заключается в том, что я предпочитаю ответ в этом потоке, который мне кажется не может работать (мне это нравится, потому что он делает не использовать innerHTML).

Мой текущий код: 

var alphabet = ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"];
var table =  document.createElement("table");
var i = 0;
for (var r = 0; r < 4; r++) {
    var row = table.insertRow();
    for (var c= 0; c < 4; c++) {
        var cell = row.insertCell();
        cell.appendChild(document.createTextNode(alphabet[i++]));
    }
}

document.body.appendChild(table);

Обычно, когда я включаю этот файл .js в мой HTML-документ, ничего не происходит. Я попытался создать таблицу и загрузить ее внутри, но это ничего не дало. Я, вероятно, здесь упускаю что-то очевидное.

Ответы [ 2 ]

1 голос
/ 09 марта 2011

Попробуйте 

window.onload = function() {
  var alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];
  var table = document.createElement("table");
  var i = 0;
  for (var r = 0; r < 4; r++) {
    var row = table.insertRow(r);
    for (var c = 0; c < 4; c++) {
      var cell = row.insertCell(c);
      cell.appendChild(document.createTextNode(alphabet[i++]));
    }
  }

  document.body.appendChild(table);
}
0 голосов
/ 09 марта 2011

Не просто включите, поместите это в onload 

<script type="text/javascript">
function load()
{
// your code here
}
</script>
</head>

<body onload="load()">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...