首页 > 解决方案 > 为什么我的脚本不影响我的第二个段落元素?

问题描述

我正在尝试编写一些代码,但我遇到了一个问题。基本上我正在尝试编写一些语句(ifs、else 等),并且我需要访问<p>来自不同<div>部分的一些元素。

<body>
    //works with the one below = changes its value from x to 10
    <p id="one" class = "class">x</p>

    <script type="text/javascript">
        var time = new Date().getHours(); 
        if (time < 20) {
            document.getElementById("one").innerHTML = "10";
            document.getElementById("two").innerHTML = "10";
        }
    </script>

    <div class="green2">
        <p id ="two" class="class" >x</p>
        //with this one nothing happens
    </div>

我想它没有到达带有 id 的实际元素,two那么我该如何处理呢?

标签: javascripthtmlcss

解决方案


您的脚本在 之前加载two,您应该将script标签始终放在标签的最底部body(在它们内部),以便首先加载您的所有内容,然后才是您的脚本。


推荐阅读