javascript - 使用由日期触发的 style.display

标签 javascript css function if-statement math

这里是全新的,对于任何违反协议(protocol)的行为,我们深表歉意。谁能看到我做错了什么?

我有名为“1st”、“2nd”、“3rd”等的 div,我正在尝试创建一种出现日历格式,其中每天的 div 内容仅在日期到达时可见。

下面的测试用例使用日期 6-8,但 div 始终可见。

对 JS 很陌生,所以非常感谢您的帮助!

    <script type = "text/javascript">

    function myFunction() {

    var num = new Date().getDate(); //today's date as number

    if ((num <= 6)) {
        document.getElementById('6th').style.display = "none";
    }
    if ((num <= 7)) {
        document.getElementById('7th').style.display = "none";
    }
    if ((num <= 8)) {
        document.getElementById('8th').style.display = "none";
    }

    }

</script>

<div id="6th">
    6th
        </div>

<div id="7th">
    7th
        </div>

<div id="8th">
    8th
        </div>

最佳答案

<!DOCTYPE html>
<html>
<body>
<script type = "text/javascript">

    function myFunction() {

    var num = new Date().getDate(); //today's date as number

    if ((num <= 6)) {
        document.getElementById('6th').style.display = "none";
    }
    if ((num <= 7)) {
        document.getElementById('7th').style.display = "none";
    }
    if ((num <= 8)) {
        document.getElementById('8th').style.display = "none";
    }

    }

</script>

<div id="6th">
    6th
        </div>

<div id="7th">
    7th
        </div>

<div id="8th">
    8th
        </div>

<div id="9th">
    9th
        </div>
<script>myFunction()</script>
</body>
</html>

关于javascript - 使用由日期触发的 style.display,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53198359/

相关文章:

javascript - 在js中确定event.target下方的元素

javascript - 无法在 jQuery 中获取 DOM 元素

打印二维字符数组的 C 函数

html - 与嵌套 Bem 类混淆

css - 10s动画只持续4秒?

javascript - 函数前的感叹号有什么作用?

在所有可能的组合上运行函数

javascript - 允许更改常量的 Node JS

javascript - 过渡属性上的跳动行为

CSS 问题 - 无法使 <div> 显示为内联