advanced code snippet search

Posted By

tcelestino on 10/02/10


Tagged

DOM html5


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

SpinZ


sortlist color

 / Published in: HTML
 
Expand | Embed | Plain Text 
  1. <html lang="pt-BR">
  2. <head>
  3. <meta charset="UTF-8" />
  4. <title>Zebra</title>
  5. <style>
  6.   .zebraon{background:silver}
  7.  </style>
  8. <script>
  9.  window.onload=function(){
  10.    var zebrar=document.querySelectorAll('.zebra tbody tr')
  11.    for(var i=0;i<zebrar.length;i+=2)
  12.      zebrar[i].className='zebraon'
  13.  }
  14.  </script>
  15.  </head>
  16.  
  17. <body>
  18. <table class="zebra">
  19.  <thead><tr>
  20. <th>Vendedor</th> <th>Total</th>
  21.  </tr></thead>
  22.  <tbody><tr>
  23.  <td>Manoel</td> <td>12.300,00</td>
  24.  </tr><tr>
  25.  <td>Joaquim</td> <td>21.300,00</td>
  26. </tr><tr>
  27.  <td>Maria</td> <td>13.200,00</td>
  28.  </tr><tr>
  29.  <td>Marta</td> <td>32.100,00</td>
  30.  </tr><tr>
  31.  <td>Antonio</td> <td>23.100,00</td>
  32.  </tr><tr>
  33. <td>Pedro</td> <td>31.200,00</td>
  34.  </tr></tbody>
  35. </table>
  36.  </body>
  37.  </html>

Report this snippet  

You need to login to post a comment.