javascript - 更改背景颜色/将边框设为当天

Question

我真的很想知道如何使用当前时间更改表格行以突出显示/更改背景颜色。

我在一家商店的营业时间表中有 7 天，我想用不同的颜色突出显示当天。只是我想实现的一种修饰。任何帮助表示赞赏。

我不是编码员，但我的想法是获取当前时间是不够的；它必须用于通过 id 左右匹配任何工作日，比如今天是星期日，行中的文本也是“星期日”，所以它知道它必须更改 TD 的 bg 颜色。

这可能吗？任何帮助表示赞赏。 :)

Answer 1

事实上，您必须在 javascript 中获取当前日期: https://www.w3schools.com/jsref/jsref_getday.asp

然后你只需要获取相应的单元格并设置一个特定的 css 类，如下所示:

var d = new Date();
var n = d.getDay();

document.getElementById(n).className = "bg";

.bg{
  background-color:#939393;
  border:solid 1px;
}

<table style="border:solid 1px">
  <tr>
    <td id="0">Sunday</td>
    <td id="1">Monday</td>
    <td id="2">Tuesday</td>
    <td id="3">Wednesday</td>
    <td id="4">Thursday</td>
    <td id="5">Friday</td>
    <td id="6">Saturday</td>
  </tr>
  <tr>
    <td>...</td>
    <td>...</td>
    <td>...</td>
    <td>...</td>
    <td>...</td>
    <td>...</td>
    <td>...</td>
  </tr>
</table>