写网页时,为方便浏览会需要设置table,GridView 等对象的样式。
比如行(Row) 背景色交替变换。
下面贴一个小例子作为学习笔记:
js中写如下代码,在页面中或单独的外部js文件中,
1
//
设置表格行的样式为颜色交替
2 function SetTbBgcolor() {
3 var trs = document.getElementById( " table1 " ).getElementsByTagName( " tr " );
4 for ( var i = 2 ; i < trs.length; i ++ ) {
5 if (i % 2 == 0 ) { trs[i].style.backgroundColor = " #aaaaaa " ; }
6 else { trs[i].style.backgroundColor = " #ffffff " ; }
7 }
8 }
2 function SetTbBgcolor() {
3 var trs = document.getElementById( " table1 " ).getElementsByTagName( " tr " );
4 for ( var i = 2 ; i < trs.length; i ++ ) {
5 if (i % 2 == 0 ) { trs[i].style.backgroundColor = " #aaaaaa " ; }
6 else { trs[i].style.backgroundColor = " #ffffff " ; }
7 }
8 }
在合适的位置调用这个js 方法。
不过,浏览效果发现 这种方法在IE里有效果,FF,Chrome里好像不行。