javascript表格隔行变色

思路：

1，把文档里的所有table元素找出来。

2，对每个table元素，创建odd变量并把它初始化为false。

3，遍历这个表格里的所有数据行。

4，如果变量odd的值是true，设置样式并把odd变量修改为false。

5，如果变量的值是false，不设置样式，但把odd变量修改为true。

html部分

<table>
    <tr>
        <th>when</th>
        <th>where</th>
    </tr>
    <tr>
        <td>june 9th</td>
        <td>shanghai</td>
    </tr>
    <tr>
        <td>june 10th</td>
        <td>changsha</td>
    </tr>
    <tr>
        <td>june 11th</td>
        <td>hainan</td>
    </tr>
</table>

javascript部分：

var tables = document.getElementsByTagName('table');
      var odd,rows;
      for(var i = 0; i < tables.length; i++){
        odd = false;
        rows = tables[i].getElementsByTagName('tr');
        for(var j = 0; j < rows.length; j++){
          if(odd){
            rows[j].style.background = 'red';
            odd = false;
          }else{
            odd = true;
          }
        }
      }

效果：