Question

I’m trying to do this with JavaScript:

• Create some CSS classes that can be used to give alternate styling to the table rows.
• Write JavaScript that will find all the table rows inside the table body and then give
  those alternate styles, that you created in the CSS file, to the odd and even rows.

This is what I have – How would I do this With JavaScript? Only JavaScript, not jQuery.

Thanks So much for the Help you can close this thread 🙂

Answer 1

var table = document.getElementsByTagName('table')[0];

var trs = table.getElementsByTagName('tr');

for (var i = 0; i<trs.length; i++) {
    if (i % 2)
        trs[i].className += 'new_class';
} 

http://jsfiddle.net/VvQ7D/1/