Question

我想以此为目标：

<h3 id='month'>Oct</h3>

我这样做了：

    var changeColor = function () {
        var monName = new Array ('Jan' ... 'Dec'); //ellipsis to make code short
        var now = new Date();

        if(monName == monName[now.getMonth()]) {
           switch(monName) {
                case 'Jan':
                   document.getElementById('month').style.backgroundColor = '#ff3300';
                   break;
                   .
                   .
                   .
                   .
                case 'Dec':
                   document.getElementById('month').style.backgroundColor = '#c2dd8a';
                   break;
                default:
                   alert('Error');

                }     
        }
};

我在html body元素中调用了该函数（已经正确获取的脚本标记之间的外部js文件）：

<script type='text/javascript' src='time.js'></script>
<body onload='changeColor();'>

它似乎不起作用。我怀疑我如何定位h3元素有一个错误。我的总体想法是在目标元素的月份更改时更改背景颜色。任何帮助是极大的赞赏。谢谢！

Answer 1

尝试将您的if声明更改为：

if(document.getElementById('month').innerHTML == monName[now.getMonth()])

此外，您的switch声明应为：

switch(monName[now.getMonth()])

Answer 2

我会彻底删除if测试。

背景颜色更改JavaScript

2 个答案: