Alterner les couleurs d'un tableau

Salut tout le monde,

Je veux bien alterner entre deux couleurs d'un tableau sur ma page. Je veux utiliser un code javascript que j'ai trouvé :

Code:

---

1 2 3 4 5 6 7 8 9 10

function colourize() { var dnl = document.getElementsByTagName("tr"); for(i = 0; i < dnl.length; i++) { if((Math.round(i / 2) * 2) == ((i / 2) * 2) ) dnl.item(i).style.background="#E8E8FF"; } } window.onload = colourize;

---

Mon problème c'est que j'ai plusieurs tableaux sur ma page et des fois un tableau dans l'autre.!

Question : comment j'applique ceci pour un tableau précis ou plusieurs ?

Merci

Solution: document.getElementById('id_body').getElementsByTagName("tr") dont id_body est l'identifiant de tbody

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<script language="javascript">   function colourize()   { var ligne_tbody = document.getElementById('id_body').getElementsByTagName("tr"); for(i = 0; i < ligne_tbody.length; i++) { if((Math.round(i / 2) * 2) == ((i / 2) * 2) ) ligne_tbody.item(i).style.background="#E8E8FF"; } } window.onload = colourize;   </script>

---

une solution sans JavaScript, support : http://caniuse.com/#feat=css-sel3

Code:

---

#id_body tr:nth-child(even) {background: #E8E8FF; }

---