js 动态加载table的tr 隔行换色
最近没事做，写了个js 动态加载table的tr隔行换色，用了rowIndex 这个属性，贴上我研究的代码，鉴于本人的水平有限，见笑了,如果您有好的实现方法，欢迎交流一下，谢谢！
html代码
<tablestyle="BORDER-COLLAPSE:collapse"cellSpacing=0width=600align=centerborder=1cellpadding="0"bordercolor="#CCCCCC">
<tr>
<tdwidth="200px;">a</td>
<tdwidth="200px;">sd</td>
<tdwidth="200px;">asdf</td
</tr>
<tr>
<tdwidth="200px;">b</td>
<tdwidth="200px;">a</td>
<tdwidth="200px;">a</td
</tr>
<tr>
<tdwidth="200px;">c</td>
<tdwidth="200px;">a</td>
<tdwidth="200px;">a</td
</tr>
<tr>
<tdwidth="200px;">c</td>
<tdwidth="200px;">a</td>
<tdwidth="200px;">a</td
</tr>
<tr>
<tdwidth="200px;">c</td>
<tdwidth="200px;">a</td>
<tdwidth="200px;">a</td
</tr>
</table>
<tr>
<tdwidth="200px;">a</td>
<tdwidth="200px;">sd</td>
<tdwidth="200px;">asdf</td
</tr>
<tr>
<tdwidth="200px;">b</td>
<tdwidth="200px;">a</td>
<tdwidth="200px;">a</td
</tr>
<tr>
<tdwidth="200px;">c</td>
<tdwidth="200px;">a</td>
<tdwidth="200px;">a</td
</tr>
<tr>
<tdwidth="200px;">c</td>
<tdwidth="200px;">a</td>
<tdwidth="200px;">a</td
</tr>
<tr>
<tdwidth="200px;">c</td>
<tdwidth="200px;">a</td>
<tdwidth="200px;">a</td
</tr>
</table>
js代码
1functionfun(){
2vartr=document.getElementsByTagName("tr");
3for(vari=0;i<tr.length;i++)
4{
5tr[i].style.background=tr[i].rowIndex%2==0?"#F0FFF0":"white";
6}
7}
8
9window.onload=fun;
1、BaseNavigationController自定义导航栏
2、提高ASP.Net应用程序性能的十大方法
3、Angular 4 父组件调用子组件中的方法
4、Activiti开发案例之activiti-app更换数据源
5、python版本的桥接模式
2vartr=document.getElementsByTagName("tr");
3for(vari=0;i<tr.length;i++)
4{
5tr[i].style.background=tr[i].rowIndex%2==0?"#F0FFF0":"white";
6}
7}
8
9window.onload=fun;
最终效果截图
小结
rowIndex用于判断当前单元格所处行的索引（从0开始）
cellIndex用于判断当前单元格所处列的索引（从0开始）
1、BaseNavigationController自定义导航栏
2、提高ASP.Net应用程序性能的十大方法
3、Angular 4 父组件调用子组件中的方法
4、Activiti开发案例之activiti-app更换数据源
5、python版本的桥接模式