小编cod*_*346的帖子

多行值显示在 html 中的 div 标签内的单行中

我有我想在 div 标签中显示的多行文本内容。为此,我使用 javascript 将内容传递给 div 标签,如下所示

function MyFunction(){
    document.getElementById("get").innerHTML = document.getElementById("pass").value;
}
Run Code Online (Sandbox Code Playgroud)
#get{
    height : 50px;
    width : 200px;
    border:1px solid;
    overflow  : auto;
    border-color:rgb(204, 204, 204);
}
Run Code Online (Sandbox Code Playgroud)
<div id="get" style="border:1px solid" contenteditable="true">

</div>

<br>
<button onclick="MyFunction()">Fetch</button><br>
<br>
<textarea id="pass">
    Hello 
    How are You
</textarea>
Run Code Online (Sandbox Code Playgroud)

但是 textarea 中的内容是多行文本。但它在 html div 标签中显示为一行,如上面的代码片段所示,即你好在一行中,你好吗在另一行中,但在 div 标签中,它们都显示在同一行中。

html javascript css

-1
推荐指数
1
解决办法
1027
查看次数

标签 统计

css ×1

html ×1

javascript ×1