javascript - 在特定日期和时间更改 css class/id

Question

我正在尝试在特定日期和时间更改 css 元素并保持这种状态。

所以，例如，我想要

<style>

.pink {
color: pink;
}

.orange {
color: orange;
}

</style>

<li><a href="Tab-1" class="pink">Tab 1</a></li>

变成

<li><a href="Tab-1" class="orange">Tab 1</a></li>

2020 年 1 月 10 日

非常感谢任何帮助。

Answer 1

<style>
    .pink { color: green; }
    .orange { color: orange; }
</style>
<ul>
    <li><a href="Tab-1" class="pink">Tab 1</a></li>
</ul>

html 文档末尾的 javascript:

<script>
    // get current date on page load
    var date = new Date();

    // ask for specific date
    if (date.getFullYear() == 2020 && date.getMonth() == 0 && date.getDate() == 10) {

        // get first dom-element with that class 
        var li = document.getElementsByClassName('pink'); 

        // if dom-element exists
        if (li.length > 0) {

            // set classname
            li[0].className = 'orange';
        }           
    }
</script>