-3
我在html中动态地使用JavaScript附加表格,并使用say 50000单元格。CSS性能 - 后代选择器与类选择器
<table id="dataTable">
<tbody>
<tr>
<td>data1</td>
<td>data2</td>
.....
<td>data1</td>
</tr>
..........
<tr>
<td>data1</td>
<td>data2</td>
.....
<td>data1</td>
</tr>
</tbody>
</table>
我的造型与后代选择为TD,
#dataTable td{
text-align:right;
border:1px solid #adadad;
padding-right:10px;
}
另一种选择是给类使用类选择每个TD。
<table id="dataTable">
<tbody>
<tr>
<td class="format">data1</td>
<td class="format">data2</td>
.....
<td class="format">data1</td>
</tr>
..........
<tr>
<td class="format">data1</td>
<td class="format">data2</td>
.....
<td class="format">data1</td>
</tr>
</tbody>
</table>
这里我们使用了格式类的样式。
.format{
text-align:right;
border:1px solid #adadad;
padding-right:10px;
}
我在浏览器中呈现表时遇到性能问题。这是因为我使用了DESCENDANT SELECTOR INSTEAD CLASS SELECTOR。 或浏览器无法处理大量数据。
感谢有效呈现CSS链接。它不会导致任何性能问题呈现class =“format”50000次。如果这不是问题,那么使用后代选择器有什么意义。 – WebDev 2013-04-06 11:15:17
我相信(因为我没有看到实际的实现),重要的是在选择器中选择的元素组的大小。给定每个表格单元格都具有该类名称的'td'将选择一个与'.format'大小相同的组。在你的案例中调整类名所带来的性能收益将是微不足道的,但可能也不会造成任何伤害。 – 2013-04-06 11:32:29
我很清楚后代选择器是如何工作的,但是使用后代选择器有什么意义?如果我们可以使用类选择器。我关心的是在html上添加class =“format”50000次。我不是在谈论减少手动添加它的工作,我正在使用foreach循环来打印它。 – WebDev 2013-04-06 11:46:44