Вставить пространство без пробела по элементу.innerText

Question

В веб-приложении я динамически создаю большую и довольно сложную таблицу с 10,000 пустых ячейках на первом шаге (некоторые ячейки таблицы останутся пустыми, а некоторые нет). Мой первый appoach используется innerHtml с no-break space, чтобы предотвратить пустые клетки от разрушения:

td.innerHtml = ' '; 

Но это было довольно медленно. Затем I discovered, что для установки innerText выполняется намного быстрее, чем установка innerHtml. Поэтому я изменил мой код

td.innerText = '\u00a0'; 

потому что td.innerText = ' ' просто написал текст " " в каждой ячейке. Казалось, что он работает в Internet Explorer 11, но в Firefox границы пустых ячеек исчезли. Но я не вижу никакой разницы, если я проверяю ячейки (через Firebug или что-то еще) и сравниваю их с моей предыдущей версией.

Answer 1

element.innerText не является стандартным. Он был представлен Microsoft в Internet Explorer, но никакие другие браузеры не гарантируют его поддержку (именно поэтому вы видите причуды).

Используйте element.textContent или переосмыслите свой подход. Генерация 10k пустой таблицы звучит как очень плохая идея.