Как динамически создать элементы?

Question

[Максим]

Я хочу, создать такое количество блоков сколько имеется ключей в массиве ..
Сделал так :

let asks = {
  "ask1": "Text №1",
  "ask2": "Text №2",
  "ask3": "Text №3",
  "ask4": "Text №4",
  "ask5": "Text №5"
};

Потом собственно создал функцию генерирующую блоки и сам цикл вот так :

function cd(className){
  var div = document.createElement('div');
  div.className = className;
  return div;
};

for (let i = 0; i < asks.length; i++) {
   document.body.appendChild(cd('elem'));
};

Но это штуковина не работает..
Тренировался здесь : https://codepen.io/topicstarter/pen/RmpqKq
Как заставить работать эту штуку ? Только не es6 please

Answer 1

[hzzzzl]

потому что asks это не массив, у него нет length

https://codepen.io/anon/pen/Rmpvzy

а вообще questions :p

Answer 2

[Роман]

Объект не массив, попробуйте так:

for (let i = 0; i < Object.keys(asks).length; i++) {
   document.body.appendChild(cd('elem'));
};

но лучше сделать массив объектов, тогда можно будет хранить и передавать различные дополнительные данные, такие как class, id, url и другие.

Comments

[Максим]

Нету их даже так

[Роман]

Максим Ленский, Почему не работает? РАБОТАЕТ!!!

[Роман]

Максим Ленский, вот немного другой вариант, но тоже работает:

[Максим]

Роман, а вот это вот лучше ...хм...блин ..я себе голову сломаю пока хотя бы часть изучить js ...

[Роман]

Максим Ленский, ну и вот еще один вариантик, на мой взгляд более интересный: