@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");

Но у меня ничего не получилось. Нужна ваша помощь.
Заранее спасибо!
  • Вопрос задан
  • 96 просмотров
Решения вопроса 1
Tim-A-2020
@Tim-A-2020 Куратор тега JavaScript
Чтоб вставить текст как 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>');
}

Либо так
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽