Написание HTML кода в несколько строк

[Валерия_05]

Всем привет!
Ребят, подскажите, можно ли сделать перенос на несколько строк?
Вот код

var myNewElement = document.createElement('div');
myNewElement.innerHTML = '<p>Текст1.</p><p>Текст2.</p>';

Он работает, всё хорошо, но в одну строку писать HTML как-то нечитаемо получается, тогда я сделала так

var myNewElement = document.createElement('div');
myNewElement.innerHTML = '<p>Текст1.</p>
<p>Текст2.</p>';

Так скрипт получается нерабочий. Ошибка из-за переноса строки.
Буду благодарна за любую помощь

Я только начинаю изучать Javascript, извините, если вопрос кому-то показался слишком простым.

[j0hnik]

var myNewElement = document.createElement('div');
myNewElement.innerHTML = '<p>Текст1.</p>\
<p>Текст2.</p>';

[Валерия_05]

j0hnik, спасибо.
Скажите, а это во всех современных браузерах будет работать?

[Aetae]

Валерия_05, так будет работать вообще во всех, а во всех современых будет работать вот так:

var myNewElement = document.createElement('div');
myNewElement.innerHTML = `<p>Текст1.</p>
<p>Текст2.</p>`;

[Валерия_05]

Aetae, j0hnik ребят, огромное спасибо!
Вы даже не представляете как помогли.
А то я уже устала выстраивать HTML в одну строку ))

[j0hnik]

Валерия_05,
\ во всех
Шаблонные строки - `` в современных

[Nexus]

Можно еще так:

var myNewElement = document.createElement('div');
myNewElement.innerHTML = '<p>Текст1.</p>' +
    '<p>Текст2.</p>';

[Aetae]

Ну давайте все дедовские методы теперь перечислять

function multiline(source){
  source = source.toString();
  return source.slice(
    source.indexOf('/*') + 2,
    source.lastIndexOf('*/')
  )
}

var myNewElement = document.createElement('div');
myNewElement.innerHTML = multiline(function(){/*
  <p>Текст1.</p>
  <p>Текст2.</p>
*/});

<script type="tepmplate" id="text">
  <p>Текст1.</p>
  <p>Текст2.</p>
</script>

<script type="text/javascript">
  var myNewElement = document.createElement('div');
  myNewElement.innerHTML = text.innerHTML;
</script>

[j0hnik]

безумие

var myNewElement = document.createElement('div');
		myNewElement.innerHTML = 
		['<p>Текст1.</p>',
		'<p>Текст2.</p>'].join('');

[Валерия_05]

j0hnik, Aetae, мне больше всего понравился вот этот способ - ``
На первый взгляд вообще супер. Как я поняла, таким образом хоть всю HTML страницу оберни и больше никаких лишних телодвижений не требуется))) Это же удобно!
Или же не всё так гладко? Экранировать дополнительно нужно будет какие-то символы?

И мало ли знаете, где можно посмотреть в каких браузерах поддерживается такой вариант, направьте пожалуйста ссылкой на путь истинный.