通过 element.innerText 插入不间断空格 [重复]

Question

在一个 Web 应用程序中，我在第一步中动态创建了一个包含大约 10,000 空单元格的大型且相当复杂的表格（一些表格单元格将保持为空，而有些则不会）。我的第一个方法是使用带有 no-break space 的 innerHtml 来防止空单元格折叠：

td.innerHtml = ' ';

但这相当慢。然后我discovered 认为设置innerText 比设置innerHtml 快得多。所以我将代码更改为

td.innerText = '\u00a0';

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

Answer 1

element.innerText 不是标准属性。它是由 Microsoft 引入 Internet Explorer 的，但不保证其他浏览器支持它（这就是您看到怪癖的原因）。

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