innerHtml и innerText уничтожают вкладки в Internet Explorer

Question

Я хочу взять содержимое текстовой области и поместить его в <pre>. Проблема заключается в том, что если я установил для свойства innerHTML pre значение, равное значению textarea, в Internet Explorer будут удалены все вкладки и переносы строк Если я использую innerText вместо innerHtml, я получу разрывы строк, но вкладки все равно исчезнут. Прекрасно работает в других браузерах.

Есть ли решение для этого?

Answer 1

Создать текстовый узел DOM:

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

Новая строка в стиле Windows (\r\n) является фиктивной (в DOM-содержимом всегда должны быть новые строки, нормализованные до \n), но по некоторым причинам она необходима в IE.