innerHtml 和 insideText 破坏 Internet Explorer 中的选项卡

Question

我想获取文本区域的内容并将其放入

 中。问题是，如果我将 pre 的 innerHTML-property 设置为 textarea 的值，所有选项卡和换行符都将在 Internet Explorer 中删除。如果我使用innerText而不是innerHtml，我会得到换行符，但选项卡仍然消失。在其他浏览器中运行良好。

有解决办法吗？

Answer 1

创建 DOM 文本节点：

pre.innerHTML= '';
pre.appendChild(document.createTextNode('A\tB\r\nC'));

Windows 风格的换行符 (\r\n) 是伪造的（DOM 内容应始终将换行符规范化为 \n），但似乎是由于某种原因在 IE 中是必需的。