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的某些原因。