显示textarea的多行纯文本？

Question

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

示例：

textarea的：

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

多行明文：

First line
Second line

我该怎么做？

Answer 1

您可以使用<pre>，它定义预先格式化的文本并保留空格和换行符：

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

textarea的CSS：

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