每天使用 JavaScript 自动更换款式

Question

我必须创建一个带有一些信息的 7 个盒子，每个盒子都必须是黑白的。 但是每个盒子（例如带有星期一文本的 1 号盒子）必须在我们在星期一时自动更改为自己的颜色（以及另一个黑色和白色的盒子），而另一个盒子在星期二......必须是就这样继续

我写下我的代码

例如，我们现在是星期二，但会将文本更改为紫色，而不是那张图片！

我认为，这个属性 (-webkit-filter: grayscale(100%); filter: grayscale(100%);) 可以在 JavaScript 中每天删除，但我不知道如何！

你能帮我找到解决方案吗？ Tnx 这么多

 var d = new Date(); var weekday = new Array(7); weekday[0] = "yellow"; weekday[1] = "red"; weekday[2] = "green"; weekday[3] = "purple"; weekday[4] = "orange"; weekday[5] = "white"; weekday[6] = "brown"; document.getElementById("test").style.color = weekday[d.getDay()];

 #test { }.img-test { width: 100%; height: 390px; object-fit: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

 <section id="test"> <div class="col-md-4 mb-4"> <h2>Industrie</h2> <a class="position-relative d-block" href="" title=""> <img class="img-fluid img-test d-block mx-auto" src="image/Bild_11.jpg"> </a> </div> </section>

Answer 1

这样的事情呢？

var d = new Date();
var weekday = new Array(7);
weekday[0] = "yellow";
weekday[1] = "red";
weekday[2] = "green";
weekday[3] = "purple";
weekday[4] = "orange";
weekday[5] = "white";
weekday[6] = "brown";

document.getElementById(ELEMENT_ID).style.color = weekday[d.getDay()];