在Web应用程序中,我动态创建一个大而复杂的表,在第一步中有大约10,000个空单元格(一些表格单元格将保持为空,有些表格单元格不会为空).我的第一个appoach使用innerHtml和一个不间断的空间来防止空单元格崩溃:
td.innerHtml = ' ';
但那很慢.然后我发现设置innerText要比设置innerHtml快得多.所以我将代码更改为
td.innerText = '\u00a0';
因为td.innerText = ' '
只是" "
在每个单元格中写入文本.它似乎在Internet Explorer 11中工作,但在Firefox中,空单元格的边框消失了.但是,如果我检查细胞(通过Firebug或其他东西)并将它们与我以前的版本进行比较,我认为没有任何区别.
element.innerText
不是标准财产.它是由Microsoft引入Internet Explorer的,但没有其他浏览器可以保证支持它(这就是为什么你会看到怪癖).
使用element.textContent
或重新考虑您的方法.生成10k 空单元格表听起来是一个非常糟糕的主意.