我试着在我的网站上根据日期显示一个不同的标志（添加一个圣诞节标志，它将在12月自动显示）。

<img class="logo" id="global_logo" style="height:56%; margin-top:12px;" src="">
<script>
    function initLogo(){
        var GlobalDate = date.getMonth()+1;
        var GlobalLogo = document.getElementById("global_logo");
        if (GlobalDate == 12) {
            GlobalLogo.src = "xmas_mgmods-animated.gif"
        }else{
            GlobalLogo.src = "logo1.png"
        }
        /**/
        alert('Script working');
    }
    initLogo();
</script>

我有两个问题：第一，徽标根本不显示（没有徽标）第二：我想知道我是否可以设置脚本来更改应用于每个徽标的样式（style="height:56%; margin-top:12px;"只用于gif，而不用于png）。
我尝试添加一行代码，而不是根据ID更改源代码：

function initLogo(){
    var GlobalDate = date.getMonth()+1;
    var content = document.getElementById("global_logo");
    var GlobalIcon = "";
    if (GlobalDate == 12) {
        html += "<img class='logo' src='logo1.png'>";
    }else{
        html += "<img class='logo' style='height:56%; margin-top:12px;' src='xmas_mgmods-animated.gif'>";
    }
    content.innerHTML += GlobalIcon;
    alert('Script working');
}

它不工作...