通过element.innerText插入不间断空格

Question

在Web应用程序中，我在第一步中动态创建一个大而复杂的表，其中包含大约10,000个空单元格（某些表格单元格将保持为空，有些表格单元格不会为空）。我的第一个appoach使用innerHtml和no-break space来防止空单元格崩溃：

td.innerHtml = ' ';

但那很慢。那么设置innerText的discovered要比设置innerHtml快得多。所以我将代码更改为

td.innerText = '\u00a0';

因为td.innerText = ' '只在每个单元格中编写了文本" "。它似乎在Internet Explorer 11中工作，但在Firefox中，空单元格的边框消失了。但是，如果我检查细胞（通过Firebug或其他东西）并将它们与我之前的版本进行比较，我看不出任何差异。

Answer 1

element.innerText不是标准属性。它是由Microsoft引入Internet Explorer的，但没有其他浏览器可以保证支持它（这就是为什么你会看到怪癖）。

使用element.textContent或重新考虑您的方法。生成10k 空单元格表听起来非常糟糕。