javascript - HTML textarea 到 javascript 并保留换行符

Question

我正在尝试传递 HTML <textarea>通过 JavaScript，并希望保留换行符。例如，当我写的时候:

Line a
Line b

结果如下:

Line a Line b

我的代码:

function textwrite(){
  thetext = document.getElementById("text_change").value;    
  document.getElementById("demo").innerHTML = thetext;
}

<textarea id='text_change' oninput='textwrite()'></textarea>
    
<p id="demo"></p>

而且我不想使用 <pre>标签。

Answer 1

使用white-space :

The white-space CSS property sets how white space inside an element is handled.

值(value)pre-wrap在哪里

Sequences of white space are preserved. Lines are broken at newline characters, at <br>, and as necessary to fill line boxes.

function textwrite(){
  thetext = document.getElementById("text_change").value;    
  document.getElementById("demo").innerHTML = thetext;
}

#demo { white-space: pre-wrap; }

<textarea id='text_change' oninput='textwrite()'></textarea>
    
<p id="demo"></p>