Не получается вставить объект в div

333

30 января 2017, 19:32

Как добавить объект в DOM дерево? (не узел типа div), а именно объект (внутри которого уже прописано css у соответствующего div'a).

Пробую appendChild, но ничего не получается...

Вот код:

var little = document.getElementById('littleField'); //создаём див
    little.classList.add('little');
function Day(date, conteiner) { //конструктор объекта
  this.date = date;
  this.conteiner = conteiner;
}
Day.prototype.generateDate = function () {  //прототип объекта
  var day1 = document.createElement('day1');
  day1.classList.add('day');
  conteiner.appendChild(day1); //попытка аппендинга)))
}
var array = []; //обекты в массив и вставка в див.
while (i <= 29) {
  var i = 0;
  var obj = new Day(i, little); //создаём объект
  array[i] = obj;
  i++;
}

Answer 1

Работающая версия:

   var little = document.getElementById('littleField'); //создаём див
        little.classList.add('little');
    function Day(date, conteiner) { //конструктор объекта
      this.date = date;
      this.conteiner = conteiner;
    }
    Day.prototype.generateDate = function () {  //прототип объекта
      var day1 = document.createElement('div');
      day1.classList.add('day');
      this.conteiner.appendChild(day1); //попытка аппендинга)))
    }
    var array = []; //обекты в массив и вставка в див.
    var i = 0;
    while (i <= 29) {
      var obj = new Day(i, little); //создаём объект
      obj.generateDate()
      array[i] = obj;
      console.log(array[i]);
      i++;
    }