javascript - HTML 自动在 Opening-Table 中突出显示当天

Question

请注意，我们刚刚开始使用 HTML 和 CSS，很抱歉提出一些基本问题。

我们必须为一个学校元素制作一个网站，该元素由我们选择主题或事物。我选择了我叔叔的金工店。我想制作一张包含开放时间的表格。我在网上搜索后发现我必须使用 JavaScript 来实现此目的，但我从未使用过它。我尝试了一些方法，但不起作用。

它应该获取当前日期，然后获取 <tr>按工作日 ID 并添加 CSS 类以进一步格式化。

<i>

    function weekday() {
        var d = new Date();
        
        if (d.getDay() = 0)     {
                            document.getElementById("Sunday").classList.add('OpeningDay');
                            }
        
        if (d.getDay() = 1)     {
                            document.getElementById("Monday").classList.add('OpeningDay');
                            }
        
        if (d.getDay() = 2)     {
                            document.getElementById("Tuesday").classList.add('OpeningDay');
                            }
        
        if (d.getDay() = 3)     {
                            document.getElementById("Wednesday").classList.add('OpeningDay');
                            }
        
        if (d.getDay() = 4)     {
                            document.getElementById("Thursday").classList.add('OpeningDay');
                            }
        
        if (d.getDay() = 5)     {
                            document.getElementById("Friday").classList.add('OpeningDay');
                            }
        
        if (d.getDay() = 6)     {
                            document.getElementById("Saturday").classList.add('OpeningDay');
                            }                   
                        }

</i>

我想我可以用 CASE Of 来做到这一点，但正如我所说，我从未使用过 Javascript

Answer 1

甚至简单!

weekday();

function weekday() {
  var d = new Date().getDay();
  document.getElementById("day-"+d).classList.add('opening-day');    
}

.opening-day { 
  background-color: yellow; 
}

<div id="day-0">
  Sunday
</div>
<div id="day-1">
  Monday
</div>
<div id="day-2">
  Tuesday
</div>
<div id="day-3">
  Wednesday
</div>
<div id="day-4">
  Thursday
</div>
<div id="day-5">
  Friday
</div>
<div id="day-6">
  Saturday
</div>