change cell background color - colors

Question

http://jsfiddle.net/mannagod/Zq6w4/
now = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
cells = document.getElementById('months').getElementsByTagName('td');
for (c = 0; c < cells.length; c++) {
if (cells[c].firstChild.nodeValue == now) {
cells[c].style.backgroundColor = 'red' //today's scripture reading
cells[c].style.color = 'white'
}
}
I would like to change the background and font colors for the cell that is the current month. I tried the code above for the table below and I can't seem to make it work...
<table class="hovertable" id="hovertable" name="hovertable">
<tbody id="months">
<tr>
<td class="style2">
Jan</td>
<td class="style2">
Feb</td>
<td class="style2">
Mar</td>
<td class="style2">
Apr</td>
<td class="style2">
May</td>
<td class="style2">
Jun</td>
</tr>
<tr>
<td class="style2">
Jul</td>
<td class="style2">
Aug</td>
<td class="style2">
Sep</td>
<td class="style2">
Oct</td>
<td class="style2">
Nov</td>
<td class="style2">
Dec</td>
</tr>
</tbody>
</table>
Any ideas? Thanks.

Answer 1

This javascript should do what you want:
now = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
var d = new Date();
cells = document.getElementById('months').getElementsByTagName('td');
for (c = 0; c < cells.length; c++) {
if (c == d.getMonth()) {
cells[c].style.backgroundColor = 'red' //today's scripture reading
cells[c].style.color = 'white'
}
}