0

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'
    }
}

今月のセルの背景とフォントの色を変更したいと思います。以下の表に対して上記のコードを試しましたが、うまくいかないようです...

<table class="hovertable" id="hovertable" name="hovertable">

<tbody id="months">
    <tr>
        <td class="style2">
            <a href="01.htm">Jan</a></td>
        <td class="style2">
            <a href="02.htm">Feb</a></td>
        <td class="style2">
            <a href="03.htm">Mar</a></td>
        <td class="style2">
            <a href="04.htm">Apr</a></td>
        <td class="style2">
            <a href="05.htm">May</a></td>
        <td class="style2">
            <a href="06.htm">Jun</a></td>
    </tr>
    <tr>
        <td class="style2">
            <a href="07.htm">Jul</a></td>
        <td class="style2">
            <a href="08.htm">Aug</a></td>
        <td class="style2">
            <a href="09.htm">Sep</a></td>
        <td class="style2">
            <a href="10.htm">Oct</a></td>
        <td class="style2">
            <a href="11.htm">Nov</a></td>
        <td class="style2">
            <a href="12.htm">Dec</a></td>
    </tr>
        </tbody>
    </table>

何か案は？ありがとう。

4

1 に答える 1

0

このJavaScriptはあなたが望むことをするはずです:

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'
    }
}
于 2012-08-29T20:32:46.503 に答える