How to do multi-line method of interlaced color change in html document_javascript skills

Since you all know that the color is changed every other row, then just change the color every other row. There are many ways.
The most direct way is to add bgcolor="red" directly to the in each line.
If you use css, define two color classes. Just use this class alternately on each line. For example:
tr class="trClass1"
tr class="trClass2"

<title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <style type="text/css"> table{ width:100%; } .t1{ background:#ff6600; color:black; } .t2{ background:#336699; color:white; } </style> <table cellpadding="0" cellspacing="0"> <tr class="t1"> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr class="t2"> <td>2</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr class="t1"> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr class="t2"> <td>2</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr class="t1"> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr class="t2"> <td>2</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> </table>
[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute ]

Recommended 1

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Untitled Document</title> <style type="text/css"> <!-- tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")} --> </style> <table> <tr><td>绗</td></tr> </table>