在IE中的pre元素中使用innerHTML插入换行符(\n)不起作用？
在Internet Explorer（IE）中，<pre>元素中的换行符（\n）可能不会按预期显示。为了在<pre>元素中实现换行，您可以尝试使用<br>标签代替。
例如，使用innerHTML将文本设置为：
var preElement = document.getElementById("yourPreElement");
preElement.innerHTML = "第一行<br>第二行";这将使得在<pre>元素中显示两行文本，而不是使用\n。
如果您希望在不同浏览器中保持一致的换行行为，可以考虑使用以下方法：
var text = "第一行\n第二行";
var formattedText = text.replace(/\n/g, "<br>");
preElement.innerHTML = formattedText;这将确保在所有浏览器中，<pre>元素中的换行符都以<br>标签的形式呈现。
相关·内容
11回答
在IE中，当我在<pre>标签中插入文本时，换行符被忽略：function putText() {
document.getElementById("putItHere").innerHTML = "first
浏览 0提问于2008-10-12得票数 14
回答已采纳
2回答
我试图使用jQuery将以换行符结尾的字符串附加到文本区域。但是，在Firefox3.5和IE8中，不同的换行符显示了不同的行为，我似乎找不到一种方法来使用适用于这两种浏览器的东西。\n在FF中工作，但在IE中不工作
<br/>和\r\n在I
浏览 1提问于2010-01-29得票数 45
回答已采纳
我想把一个文本区域的内容放到一个<pre>中。问题是，如果我将pre的innerHTML-属性设置为textarea的值，Internet Explorer中的所有制表符和换行符都将被删除。如果我使用innerText而不是innerHtml，我将得到换行符，但是制表符仍然消失。在其他浏览器中工作正常。
对此有解决方案吗？
浏览 0提问于2010-08-11得票数 3
回答已采纳
6回答
我尝试从textarea中提取值并将其放入pre tag中，它在chrome和mozilla上运行良好，但在IE8上，整个内容保留在pre tag中的一行上这就是整件事：}
</textarea>
<button id='b1'>
浏览 4提问于2011-09-16得票数 3
回答已采纳
我使用JQuery向ASP.net Web服务执行以下AJAX pull：type: "POST", $("#justpre").html(msg.d);} } );
TestWebService实现了一个非常简单的WebMethod<pre id="justp
浏览 3提问于2009-10-22得票数 2
and unicodedocument.getElementById("insertJsHtmlWithNewline").textContent = htmlString;
基本上，网页有一个元素，它的<
浏览 3提问于2014-04-11得票数 0
回答已采纳
1回答
").innerHTML = "<pre><code>"+s+"</code></pre>";
document.getElementById("numbers2").innerHTML= "<pre><code>"+t+"</code></<em
浏览 2提问于2013-08-14得票数 0
因此，HTML文档包含一个空的，其id为out。<body onload='init () && main();'>
</pre>
</html> var out_divfunction init() {
out_div = document.getElementById(&#x
浏览 3提问于2009-11-25得票数 6
回答已采纳
当前，execCommand 'forecolor'命令创建一个带有所选颜色的<font>标记(这是不推荐的)。我想创建一个<span>标记。我正在尝试编写我自己的函数，这就是我目前所做的：
var newNode = d
浏览 0提问于2018-03-28得票数 2
8回答
XML中的换行？
、、、、
我是web开发的初学者，我正在尝试在我的XML文件中插入换行符。这是我的XML的样子：
<lyric>Lyrics</lyric>
<title>Song Title</title>I tried everything from /n</e
浏览 0提问于2010-06-07得票数 20
回答已采纳
3回答
我正在尝试将div的innerText拆分到它的源代码中的换行处。这可以很好地与以下各项配合使用：但这在IE7中失败了，因为换行符显然被去掉了。jQuery 1.3.2似乎不是问题所在，因为我同时尝试了这两种方法：
$('div')[0].innerText.split("\
浏览 2提问于2009-03-09得票数 2
回答已采纳
我有一个聊天窗口(使用<div>)，有时需要获取多行条目。到目前为止，我只是简单地将传入的\n替换为<br>，并使用.append()显示文本。不幸的是，我发现留下一个基于用户输入的裸.append()允许用户插入任意的HTML，然后由浏览器执行。在复制一个随机的StackOverflow页面到它(以测试大量发送)时发现了这个漏洞，其中有一个<link>标签，它会立即导致浏览器尝试
浏览 1提问于2010-07-14得票数 2
回答已采纳
我正在对游戏进行分块编码，我有一个名为lineCount的变量，它计算换行符的数量。但是，此变量位于名为lib-dialog.js的文件中。当我用innerHTML插入这个变量的值时，我可以通过在soy.js文件(我需要用来处理结果的文件)中创建一个div来获得行的值，但是我需要在一个变量中使用这个值来放入一个if(行== 6) {} //=
浏览 34提问于2020-03-25得票数 0
回答已采纳
2回答
我无法创造新的线条。这就是我迄今尝试过的：h5.appendChild(document.createTextNode("City: Chicago如何创建新的线条？
浏览 1提问于2019-05-15得票数 0
回答已采纳
对于获得正则表达式的人来说，这应该是一个简单的方法。
我有一个由php预先填充的页面上的字段，但可以使用javascript进行编辑。当在“编辑模式”和“固定模式”之间切换时，我需要能够保留换行符。我知道textareas喜欢他们的换行符是\n，而普通的html喜欢看到<br />标签。我使用函数.replace(/\n/g, '<br &#
浏览 0提问于2011-02-22得票数 1
回答已采纳
4回答
我在客户端有一个代码，它通过带有node.js后端的socket.io接收一些数据。我收到一些缩进的数据(这是一些字符串格式的代码)。我可以警告代码输出，我在警告中看到它是缩进的，但是当我执行document.getElementById('myDiv').innerHTML = receivedData.indentedData时，以myDiv格式输出的数据不会缩进，而只是在一行中缩进。
浏览 0提问于2011-11-02得票数 0
回答已采纳
3回答
有没有办法将DOM元素嵌入到模板字符串中？const btn= document.createElement('button');<div>${btn}</div>它只是调用HTMLElement的toString函数并呈现[object HTMLButtonElement]而不是实际的按钮
浏览 0提问于2019-02-19得票数 0
1回答
我尝试使用来突出显示将与javascript/jquery一起插入的iframe的语法。-- IFRAME GOES HERE --> </code> </pre>
在code元素中，我想注入一个iframe --我该怎么做呢？我尝试过设置iframeWrapper的innerHtml，但没有成功。我还尝试将iframe附加为iframeWrappe
浏览 3提问于2015-03-08得票数 0
3回答
我有一个javascript数组，在该数组中，每次迭代都使用push特性将一个名称添加到末尾。我将这个数组发送到一个html文件，在那里它将被显示。当前，在所有迭代完成后显示此数组将给出如下结果：
史密斯无名氏
在Javascript中，是否有方法指定每个名称作为数组中的新行输入在Matlab中，您可以很容易地指定希望将数据存储在数组中<
浏览 3提问于2015-07-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
