Question

我的html上有一个带有id的demo的p标签，但它不会出现。我在不同的网站上试过它，比如codepen.io，它可以运行

Here is the HTML markup. I don't see why it shouldn't work. All of the HTML     is correct
<body>
<div class="wallpaper">
<p id="demo"></p> //here is the demo id
<nav>
    <ul>
        <li>Home</li>
        <li>Services</li>
        <li>About Us</li>
    </ul>
</nav>
<h2>JC's Security Services</h2>

This is the script:
var today = new Date()
var hourNow = today.getHours();
var greeting;

if (hourNow > 18) {
  greeting = "Good evening!";
} else if (hourNow > 12) {
  greeting = "Good afternoon!";
} else if (hourNow > 0) {
  greeting = "Good morning";
} else {
  geeting = "Welcome!";
}
  document.getElementById("demo").innerHTML = greeting;

Answer 1

在最后一个条件中出现了拼写错误，这意味着代码在午夜到凌晨1点之间无效（在#demo内显示greeting）。它应该是geeting，而不是</body>。

此外，您应该确保在创建 HTML元素后运行脚本。将脚本放在script[defer]之前或使用DOMContentLoaded之前，这是一种很好的做法。

您也可以在$(document).ready事件后运行代码，或使用jQuery收听.main-navigation li {}。

为什么这个剧本不能在我的网站上运行？它没有错误

1 个答案: