Javascript函数取消隐藏元素似乎没有调用var

标签 javascript jquery css

尝试在我的网站标题上显示一条消息,该消息应根据日期每天更改。使用下面的脚本,但似乎它没有调用 var。因为它什么也没显示,我不知道哪一个错过了这一点。

<script type="function/javascritp">
function unhide(id) {
   var element = document.getElementById(id);
   element.className = element.className.replace('hidden', '');
}

switch((new Date()).getDay()) {
    case 0:
        // Sunday
        unhide('sun');
        break;
    case 1:
        // Monday
        unhide('mon');
        break;
    case 2:
        // Tuesday
        unhide('tues');
        break;
    case 3:
        // Wednesday
        unhide('wed');
        break;
    case 4:
        // Thursday
        unhide('thurs');
        break;
    case 5:
        // Friday
        unhide('fri');
        break;
    case 6:
        // Saturday
        unhide('sat');
        break;
};
</script>
</head>

<body>

<Header>
<div id="sun" class="hidden">Today is Sunday</div>
<div id="mon" class="hidden">Today is Monday</div>
<div id="tues" class="hidden">Today is Tuesday</div>
<div id="wed" class="hidden">Today is Wednesday</div>
<div id="thurs" class="hidden">Today is Thursday</div>
<div id="fri" class="hidden">Today is Friday</div>
<div id="sat" class="hidden">Today is Saturday</div>
</header>
</body>

我正在使用CSS代码,

.hidden {
    display: none;
}

最佳答案

它必须是 .hidden 而不是 CSS 中的 hidden;你忘了添加句点 . ,其余的看起来都不错

function unhide(id) {
   var element = document.getElementById(id);
   element.className = element.className.replace('hidden', '');
}

switch((new Date()).getDay()) {
    case 0:
        // Sunday
        unhide('sun');
        break;
    case 1:
        // Monday
        unhide('mon');
        break;
    case 2:
        // Tuesday
        unhide('tues');
        break;
    case 3:
        // Wednesday
        unhide('wed');
        break;
    case 4:
        // Thursday
        unhide('thurs');
        break;
    case 5:
        // Friday
        unhide('fri');
        break;
    case 6:
        // Saturday
        unhide('sat');
        break;
};
.hidden{display:none}
<Header>
<div id="sun" class="hidden">Today is Sunday</div>
<div id="mon" class="hidden">Today is Monday</div>
<div id="tues" class="hidden">Today is Tuesday</div>
<div id="wed" class="hidden">Today is Wednesday</div>
<div id="thurs" class="hidden">Today is Thursday</div>
<div id="fri" class="hidden">Today is Friday</div>
<div id="sat" class="hidden">Today is Saturday</div>
</Header>

关于Javascript函数取消隐藏元素似乎没有调用var,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31501096/

相关文章:

jquery - 获取ButtonSet中被点击的元素

javascript mouseover 没有注册,但是 CSS 是

javascript - 我应该在什么时候或在什么情况下使 jQuery 中的对象无效?

html - 从部分 HTML 页面中删除样式

javascript - 使用 requireJs 和 BackboneJs 在渲染之前组合多个模板

javascript - 如何将 exec 输出显示到文本区域

css - 在另一个 div 周围 float 后拉伸(stretch) div

html - 如何在div中的段落样式下创建段落类

javascript - Ionic 2 视频广告插件

javascript - Jade 条件(if/else)将类添加到 div 内联