Как записать данные в переменную?

Question

[urajo]

function createGps(gps){
  let block = '';
  gps.forEach(function(item){
    let div = document.createElement('div');
    div.classList.add('location__wrap');
    div.innerHTML = '<h2>' + item.name + '</h2>' + '<ul>' + compound(item.location) + '</ul>';
  });

  return block;
};

В конце каждой итерации цикла в div


div из всех итераций мне нужно записать в 1 переменную block.
Пробовал block += div; но на выходе получаю просто [object HTMLDivElement][object HTMLDivElement]
Как записать содержимое div в Block как строку, что бы я потом мог спокойно вставить в html

Comments

[Владимир]

In an HTML document, the document.createElement() method creates the HTML element specified by tagName, or an HTMLUnknownElement if tagName isn't recognized.

https://developer.mozilla.org/en-US/docs/Web/API/D...
На выходе у тебя грубо говоря Object, если точнее HTMLElement
Как ты собрался складывать два объекта?
Открывай документацию и читай методы елемента, можно ли ему добавить сайблинг и как.
Или сразу преобразуй в строку и складывай строки, а потом опять в html преобразуешь

Answer 1

[Rsa97]

function createGps(gps) {
  return gps
    .map(item => `<div class="location__wrap"><h2>${item.name}</h2><ul>${compound(item.location)}</ul></div>`)
    .join('');
}

Answer 2

[microbot]

function createGps(gps) {
  var block = '';
  gps.forEach(function(item){
    let div = document.createElement('div');
    div.classList.add('location__wrap');
    div.innerHTML = '<h2>' + item.name + '</h2>' + '<ul>' + compound(item.location) + '</ul>';
    block += div.outerHTML;
  });
  return block;
}

Answer 3

[Сергей Соколов]

Можно складывать созданные элементы не в строку, а в массив, который и возвращать:

const block = [];
gps.forEach(....
  block.push(div);
});

return block;