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

Question

我想获取textarea的内容并将其放入<pre>。问题是，如果我将pre的innerHTML属性设置为textarea的值，则所有选项卡和换行符都将在Internet Explorer中删除。如果我使用innerText而不是innerHtml，我会得到换行符，但制表符仍然会消失。在其他浏览器中正常工作。

有没有解决方案呢？

Answer 1

创建一个DOM文本节点：

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

的Windows风格的换行符（\r\n）是假的（DOM内容应该始终有换行符标准化为\n），但似乎是必要的，IE的某些原因。