Как сделать перенос строки?

Question

[atumbochka]

Есть массив с объектами:

const dataExample = [
    {
        company: "Alfreds <b>Futterkiste</b>",
        chef: "Maria Anders",
        country: "Germany"
    },
    {
        company: "Centro commercial Moctezuma",
        chef: "Francisco Chang",
        country: "Mexica"
    },
    {
        company: "Ernst Hendel",
        chef: "Roland Mendel",
        country: "Australia"
    },
    {
        company: "Island Trading",
        chef: "Helen Bennett",
        country: "UK"
    },
    {
        company: "Laughing Bacchus Winecellars",
        chef: "Yoshi Tannamuri",
        country: "Canada"
    }
];

Я вывожу значения ключей каждого объекта в массиве:

for (let i = 0; i < dataExample.length; i++) {
        document.body.append(dataExample[i].company);
        document.body.append(dataExample[i].chef);
        document.body.append(dataExample[i].country);
    }

Нужно сделать так, чтобы после каждого значения ключа был перенос строки. Я попробовал вот так:

document.body.append(dataExample[i].company + "\n");

Но у меня ничего не получилось. Нужна ваша помощь.
Заранее спасибо!

Comments

[Gary_Ihar]

Создавайте теги html и в них пишите инфу. А уже теги стилизуйте с помощью css и переносите как захочется

Answer 1

[Tim]

Чтоб вставить текст как html метод append не подойдет (тык). Он строку вставит как текст и теги экранирует. Можно сделать так:

for (let i = 0; i < dataExample.length; i++) {
     document.body.insertAdjacentHTML('beforeend', dataExample[i].company + '<br>');
     document.body.insertAdjacentHTML('beforeend', dataExample[i].chef + '<br>');
     document.body.insertAdjacentHTML('beforeend', dataExample[i].country + '<br>');
}

Либо так

Comments

[atumbochka]

Благодарю!