с <div>пробелами </div> innerHTML равен <div>пробелами </div> в Internet Explorer, есть ли способ получить точное содержимое текстового узла?

Question

если вы попробуете это:

var x = document.createElement("div");
x.appendChild(document.createTextNode("    te      st    ");
alert('-->' + x.innerHTML + '<--');

ie6-7-8 предупредит

'te st '

ie9-10 и другие браузеры:

'    te      st    '

есть способ исправить это поведение в старых IE?

спасибо

p.s. Я не хочу использовать

Answer 1

Нет способа исправить это в более старом IE, если пробел не отображается (используется элемент <pre> или CSS white-space: pre). Необработанные символы пробела просто не являются частью DOM в этих браузерах.

Answer 2

Попробуйте:

var x = document.createElement("div");
x.appendChild(document.createTextNode("    te      st    ".replace(' ',' '));
alert('-->' + x.innerHTML + '<--');

Answer 3

Если у вас нет IE для его тестирования, но вы пробовали x.textContent?

Кстати, эти пробелы «удаляются» из браузеров при рендеринге контента, так зачем они вам нужны?