How do I replace all line breaks in a string with elements?

Question

How can I read the line break from a value with JavaScript and replace all the line breaks with
elements?

Example:

A variable passe

Answer 1

Not answering the specific question, but I am sure this will help someone...

If you have output from PHP that you want to render on a web page using JavaScript (perhaps the result of an Ajax request), and you just want to retain white space and line breaks, consider just enclosing the text inside a

block:

var text_with_line_breaks = retrieve_some_text_from_php();
var element = document.querySelectorAll('#output');
element.innerHTML = '
' + text_with_line_breaks + '
';