在 Internet Explorer (IE) 中,设置 innerHTML
时,<pre>
标签的换行符可能会丢失。为了解决这个问题,可以使用以下方法:
innerText
代替 innerHTML
: 使用 innerText
而不是 innerHTML
可以保留 <pre>
标签中的换行符。例如:
var preElement = document.querySelector('pre');
preElement.innerText = '这里是文本\n换行符应该被保留';
可以使用 CSS 样式 white-space: pre-wrap
或 white-space: pre-line
来保留 <pre>
标签中的换行符。例如:
<style>
pre {
white-space: pre-wrap;
}
</style>
<pre id="myPreElement">这里是文本
换行符应该被保留</pre>
<script>
var preElement = document.getElementById('myPreElement');
preElement.innerHTML = preElement.innerHTML.replace(/\n/g, '<br>');
</script>
<br>
标签: 在设置 innerHTML
之前,可以使用 JavaScript 将换行符替换为 <br>
标签。例如:
var preElement = document.querySelector('pre');
preElement.innerHTML = '这里是文本\n换行符应该被保留'.replace(/\n/g, ' ');
这些方法可以帮助在 Internet Explorer (IE) 中保留 <pre>
标签中的换行符。
如下内容中我写了几行,但是表格中并未按行显示,换行符反而变成了空格,于是想自己转换下
领取专属 10元无门槛券
手把手带您无忧上云