Как сохранить разрывы строк после разбора?

Question

anglesharp - 0,9.11

На странице в браузере текст отображается как:
String_1.
STRING_2.
STRING_3.
STRING_4.

Результат разбора:
String_1.String_2.String_3.String_4.

Макет страницы:

<div class="adv-point view-adv-point"><span>String_1. <br><br>String_2.<br>String_3.<br>String_4.</span></div>

Я использую код для разбора:

      var text = document.QuerySelectorAll("div:nth-child(4) >div:nth-child(3) > div.adv-point.view-adv-point"); 
  text = items[0].TextContent.Trim();

Вопрос
Как сделать результат разбора с переносами строк?

Другими словами, результат анализа должен быть:
String_1.
STRING_2.
STRING_3.
STRING_4.

Answer 1

Попробуйте это-

var text=document.querySelectorAll(".view-adv-point span")[0].innerText;

Если вы войдете в систему или получите текст предупреждения, вы увидите, что разрыв строки присутствует.

Если вы хотите заменить <br> на \n, то вы можете сделать это -

var text=document.querySelectorAll(".view-adv-point span")[0].innerHTML;
text = text.replace(/<br>/g, '\n');

Но я верю, что это вернет то же значение, что и первый подход

Answer 2

Я думаю, что если вы используете innerText здесь, то он будет работать нормально для вас. Вот код

  var x = document.querySelectorAll("div:nth-child(4) >div:nth-child(3) > div.adv-point.view-adv-point");

 console.log(x[0].innerText);