是否显示文本区的多行纯文本？

Question

我只想显示文本区域的多行纯文本，但我不想显示文本区域。

示例：

Textarea：

|===================|
| First line        |
| Second line       |
|___________________|

多行纯文本：

First line
Second line

我该怎么做呢？

Answer 1

您可以使用

，它定义预格式化的文本并保留空格和换行符：

var txt="First line\nSecond line";
document.body.innerHTML+="<pre>"+txt+"</pre>";

或者，如果您想使用CSS或想要更多关于空格和换行符的选项，您可以使用CSS属性white-space

Javascript：

var txt="First line\nSecond line";
document.getElementById('mydiv').innerHTML=txt;

CSS：

#mydiv{white-space:pre;}

Answer 2

文本区域的CSS：

textarea { 
    border-style: none; 
    border-color: Transparent; 
    overflow: auto;        
  }