背景颜色更改JavaScript

时间:2012-10-31 17:38:30

标签: javascript background-color

我想以此为目标:

<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元素有一个错误。我的总体想法是在目标元素的月份更改时更改背景颜色。任何帮助是极大的赞赏。谢谢!

2 个答案:

答案 0 :(得分:3)

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

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

此外,您的switch声明应为:

switch(monName[now.getMonth()])

答案 1 :(得分:-1)

我会彻底删除if测试。