在JavaScript中,我们可以<style>动态创建元素并附加到<head>section以便为大量元素应用CSS规则.
这种方法的优点和缺点是什么？
如果与javascript迭代相比,它确实提供了性能提升.幕后的内容(浏览器内部)？
哪一个更快或更慢？Javascript迭代元素或在浏览器中动态添加CSS？
处理时间怎么样？处理负荷？
为了更好地理解我使用此方法的问题,请参阅以下示例:
示例:如果我的表包含20个或更多列以及1000行或更多,如下面的html:
<table border="1" class='no-filter'>
<thead>
<tr>
<th data-title='id'>Id</th>
<th data-title='name'>Name</th>
<th data-title='family_name'>Family Name</th>
<th data-title='ssn'>SSN</th>
//Other table data
</tr>
</thead>
<tbody>
<tr data-id='1' data-name='nick' data-famil_name='jackson' data-ssn='123456'>
<td class="column column1">1</td>
<td class="column column2">Nick</td>
<td class="column column3">Jackson</td>
<td class="column column4">123456</td>
//Other table data
</tr>
//Other rows
<tr data-id='809' data-name='helga' data-famil_name='jhonson' data-ssn='125648'>
<td class="column column1">809</td>
<td class="column column2">Helga</td>
<td class="column column3">Jhonson</td>
<td class="column column4">125648</td>
//Other table data
</tr>
//Other rows
<tr data-id='1001' …