使用javascript和html选择日历上的当前日期

我用html创建了一个简单的日历，现在想用javascript自动突出显示当前日期。我知道一些方法可以做到这一点，但我正在寻找最简单的方法

这实际上取决于日历的工作方式。您可以使用以下JavaScript获取客户端的当前日期：

var currentDate = new Date();

document.getElementById('calendarContainer').
    getElementsByTagName('li')[(new Date()).getDate() - 1].className += ' currentDate';

一旦你有了它，你将不得不使用内置的获取当前的日期元素，并可能添加一个类，将其样式为高亮显示

更新

假设您的

li

元素带有

id=“dayElement\u x”

，其中

x

是日数，而突出显示日的类是

currentDay

，则JavaScript调用示例如下：

document.getElementById('dayElement_' + (new Date()).getDate()).className += ' currentDay';

更新2

我只是想到了一个不用一堆身份证就可以做到的地方。下面是JavaScript：

var currentDate = new Date();

document.getElementById('calendarContainer').
    getElementsByTagName('li')[(new Date()).getDate() - 1].className += ' currentDate';

---

好吧，我有一张1-30的清单。我希望根据当月的当前日期突出显示数字。我不确定使用date函数的最佳方法。@zach:将给您每月1-31号之间的数字。是的，我有这部分。到目前为止，我有var d=newdate（）；document.write（d.getDate（））。。。现在，我正试图找出根据var d编号突出显示正确的

的代码。@zach：对于HTML中的每个日历元素，我会给它们一个id，其中包含该月的天数，例如

id=“dayElement\u 1”

。然后，我将通过

document.getElementById（'dayElement++（new Date（））.getDate（））

获得这个元素，并适当地设置它的类名。好的，现在这就有意义了。你能看看我到目前为止有什么，并给我一个建议：我添加了一个额外的解决方案，你不需要编码的ID，这将节省大量的HTML被传递。