Javascript 如何检测一周中的某一天,然后使用它来更改样式

Javascript 如何检测一周中的某一天,然后使用它来更改样式,javascript,html,Javascript,Html,我有一个7列的表格,每个列代表一周中的一天。链接到演示: 我希望当页面根据日期加载时,列的背景会自动改变:如果是写在列上的日期,则其背景将变为灰色。ig。如果是星期六,星期六专栏将更改。 我试过这个: var d=新日期; var n=d.getDay; console.logn 如果n==6{ document.getElementByIdSAT.style.backgroundColor=灰色; }否则{ document.getElementByIdSAT.style.backgroun

我有一个7列的表格,每个列代表一周中的一天。链接到演示:

我希望当页面根据日期加载时,列的背景会自动改变:如果是写在列上的日期,则其背景将变为灰色。ig。如果是星期六,星期六专栏将更改。 我试过这个:

var d=新日期; var n=d.getDay; console.logn 如果n==6{ document.getElementByIdSAT.style.backgroundColor=灰色; }否则{ document.getElementByIdSAT.style.backgroundColor=白色; } 桌子 th, 运输署{ 边框:1px纯黑; 边界塌陷:塌陷; } 星期日 星期一 星期二 星期三 星期四 星期五 星期六
您可以通过使用适当的索引将行的单元格作为目标来简化这一过程

与使用内联样式不同,我只需要添加一个类,并使用css规则作为背景和任何其他需要的属性

var d=新日期; var n=d.getDay; document.getElementByIdheading row.cells[n].classList.add'current-day'; .当日{ 背景:灰色 } 星期日 星期一 星期二 星期三 星期四 星期五 星期六
当您在此处直接调用脚本代码时,文档可能尚未完全加载,因此无法按id找到元素。请在页面加载完成后尝试运行代码,如下所示:

window.addEventListener('load', function()
{
var d = new Date();
var n = d.getDay();
console.log(n)
if (n == 6) {
  document.getElementById("SAT").style.backgroundColor = "gray";
} else {
  document.getElementById("SAT").style.backgroundColor = "white";
}
};

Add=在id及其值之间

var d=新日期; var n=d.getDay; console.logn 如果n==6{ document.getElementByIdSAT.style.backgroundColor=灰色; }否则{ document.getElementByIdSAT.style.backgroundColor=白色; } 桌子 th, 运输署{ 边框:1px纯黑; 边界塌陷:塌陷; } 星期日 星期一 星期二 星期三 星期四 星期五 星期六
您的代码不起作用,因为id和它的值之间没有=JavaScript是正确的,尽管在我看来有点复杂,但问题是一个基本的html错误。添加=用于ID。看到这个了吗