这里是全新的,对于任何违反协议(protocol)的行为,我们深表歉意。谁能看到我做错了什么?
我有名为“1st”、“2nd”、“3rd”等的 div,我正在尝试创建一种出现日历格式,其中每天的 div 内容仅在日期到达时可见。
下面的测试用例使用日期 6-8,但 div 始终可见。
对 JS 很陌生,所以非常感谢您的帮助!
<script type = "text/javascript">
function myFunction() {
var num = new Date().getDate(); //today's date as number
if ((num <= 6)) {
document.getElementById('6th').style.display = "none";
}
if ((num <= 7)) {
document.getElementById('7th').style.display = "none";
}
if ((num <= 8)) {
document.getElementById('8th').style.display = "none";
}
}
</script>
<div id="6th">
6th
</div>
<div id="7th">
7th
</div>
<div id="8th">
8th
</div>
最佳答案
<!DOCTYPE html>
<html>
<body>
<script type = "text/javascript">
function myFunction() {
var num = new Date().getDate(); //today's date as number
if ((num <= 6)) {
document.getElementById('6th').style.display = "none";
}
if ((num <= 7)) {
document.getElementById('7th').style.display = "none";
}
if ((num <= 8)) {
document.getElementById('8th').style.display = "none";
}
}
</script>
<div id="6th">
6th
</div>
<div id="7th">
7th
</div>
<div id="8th">
8th
</div>
<div id="9th">
9th
</div>
<script>myFunction()</script>
</body>
</html>
关于javascript - 使用由日期触发的 style.display,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53198359/