使用javascript的div中的多行字符串
使用javascript的div中的多行字符串
提问于 2012-07-12 17:46:08
我已经创建了一个多行字符串，如下所示。“
var str1 = document.getElementById('text1');
var str2 = document.getElementById('text2');
var str = str1.value + "\n" + str2.value;我现在想将这个字符串添加到我在弹出窗口中创建的div中，如下所示：
myWindow=window.open('','Full_text','width=600,height=600');
myWindow.document.write('<div id="div1" style="position: absolute; left: 10px; width: 580px; top: 30px; height: 550px; overflow: auto;">' + str + '</div>');但是我在div中没有得到多行字符串。我该如何解决这个问题？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-07-12 17:48:29
如果没有此CSS属性，则不会在HTML中呈现换行符：
white-space: pre;您可以尝试将str替换为以下内容：
var str = str1.value + "<br/>\n" + str2.value;Stack Overflow用户
发布于 2012-07-12 17:50:04
在HTML中渲染时不会出现换行符，如果你只需要换行符，请使用<br>而不是\n如果你想保留空格，制表符，你应该尝试用<pre>string goes here.</pre>标签将字符串包装起来。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11449161
复制相关文章
相似问题
腾讯云开发者
