NikFaraday
@NikFaraday
Student full-stack Developer

Как вывести html в .innerHTML с переносами?

Здравствуйте!

Нужно вывести блок html внутрь другого блока, вот пример кода:
let appendEventBlock = "<a href=" + eventDetailsUlr + " style='font-size: 16px; color: blue'>" + scheduledDate + "</a>\n" + 
                    "<br />\n" +
                    "<span>@localizator["Executor"]: " + event.executor.firstName + " " + event.executor.lastName + "</span>\n" +
                    "<span class='text-muted text-break'>@localizator["Note"]: " + event.note + "</span>\n";

                document.getElementById(appendEventContainer).innerHTML += appendEventBlock;


Но у меня всё выводится в одну строчку. Как это можно решить?
и \n не работает, одинарные и двойные кавычки менял местами, тоже не помогает
  • Вопрос задан
  • 242 просмотра
Пригласить эксперта
Ответы на вопрос 3
По идеи должно сработать в обратных кавычках`
let appendEventBlock = `
    <a href="${eventDetailsUlr}" style="font-size: 16px; color: blue">${scheduledDate}</a>
    <br />
    <span>@localizator["Executor"]: ${event.executor.firstName} ${event.executor.lastName}</span>
    <span class="text-muted text-break">@localizator["Note"]: ${event.note}</span>
`;
document.getElementById(appendEventContainer).innerHTML += appendEventBlock;
Ответ написан
@humoured
Вы всё на свете найдёте в коробке с карандашами
\n не работает
Нужно вставлять <br>.
Ответ написан
ThunderCat
@ThunderCat Куратор тега JavaScript
{PHP, MySql, HTML, JS, CSS} developer
let appendEventBlock = "<a href=" + eventDetailsUlr + " style='font-size: 16px; color: blue'>" + scheduledDate + "</a>
<br />
<span>@localizator["Executor"]: " + event.executor.firstName + " " + event.executor.lastName + "</span>
<span class='text-muted text-break'>@localizator["Note"]: " + event.note + "</span>
";
document.getElementById(appendEventContainer).innerHTML += appendEventBlock;
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы