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

标签 javascript html firefox innerhtml innertext

<分区>

在 Web 应用程序中,我动态创建了一个大而复杂的表,其中包含大约 10,000。第一步为空单元格(有些表格单元格将保持为空,有些则不会)。我的第一个 appoach 将 innerHtml 与 no-break space 结合使用防止空单元格折叠:

td.innerHtml = '&nbsp;';

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

td.innerText = '\u00a0';

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

最佳答案

element.innerText 不是标准属性。它由 Microsoft 引入到 Internet Explorer 中,但不能保证其他浏览器支持它(这就是为什么你会看到怪癖)。

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

关于javascript - 通过 element.innerText 插入不间断空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26653729/

相关文章:

javascript - 如何将 ArrayBuffer 从 JS 传递到 AssemblyScript/Wasm?

javascript - 如何更改 Foundation Joyride 中特定索引的提示位置?

javascript - jQuery 中除 "input"之外的所有内容的自定义上下文菜单

html - 图像上带有文本的透明 div

javascript - 创建与窗口成比例大小的圆

html - Div 的外观不同(Firefox 与 Internet Explorer)

javascript - 当鼠标在 x 轴上移动时使用 jQuery 播放视频

javascript - 我想我没有正确使用 Backbone JS 的 View ?

css - Firefox 上 Tumblr 的 Base64 字体编码

javascript - 为什么使用console.profile()时无法得到正确答案?