I tested it through a simple example and found that I still like to use JQ. Although very simple, I wrote down the learning process, haha... HTML file: <HTML>
<Head>
<Title> line-by-line color change </title>
</Head>
<Body>
<Ul>
<Li> 111111 </LI>
<Li> 222222 </LI>
<Li> 333333 </LI>
<Li> 444444 </LI>
</Ul>
</Body>
</Html>
Method 1 , Implemented through jquery (do not forget to import jquery. JS): <SCRIPT>
$ (Document). Ready (function (){
$ ("Li: odd" ).css ("background", "#9fb7f6 ");
$ ("Li: Even" ).css ("background", "# b6c8f8 ");
});
</SCRIPT>
Method 2 <Style type = "text/CSS">
Ul. myul1 Li {background-color: expression (this. sourceindex % 2 = 0? '#9fb7f6': '# b6c8f8 ');
}
</Style>
Method 3 , Implemented through CSS and JS (Note: JS should be followed by UL as much as possible, rather than . Li01 {Background: #9fb7f6 ;}
. Li02 {Background: # b6c8f8 ;}
</Style> <script language = "JavaScript">
Objname = Document. getelementsbytagname ("Li") for (I = 0; I <objname. length; I ++ ){
(I % 2 = 0 )? (Objname (I). classname = "li01") :( objname (I). classname = "li02 ");}
</SCRIPT>
