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

Question

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

td.innerHtml = ' ';

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

td.innerText = '\u00a0';

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

Answer 1

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

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