javascript - 为什么我的脚本不影响我的第二个段落元素?
问题描述
我正在尝试编写一些代码,但我遇到了一个问题。基本上我正在尝试编写一些语句(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
那么我该如何处理呢?
解决方案
您的脚本在 之前加载two
,您应该将script
标签始终放在标签的最底部body
(在它们内部),以便首先加载您的所有内容,然后才是您的脚本。
推荐阅读
- python - Jupyter 笔记本导入 pyshp 导致“没有名为 pyshp 的模块”
- dart - 如何在 Flutter 中以编程方式关闭应用程序?
- android - 必需:'android.arch.lifecycle.LifecycleOwner 错误
- javascript - 用字母位置替换字母,为什么拼接不去掉多个字符
- c - 如何从共享内存文件(最初是 C 结构)中提取数据到 Go 中?
- sql - 在 Postgresql 中具有复杂连接的 SQL 查询
- javascript - 反应,打印数组的状态并在按钮按下时更新状态
- tensorflow - 本地超参数调优——Tensorflow Google Cloud ML Engine
- spring-cloud-config - spring cloud 配置多个配置文件
- javascript - 在 Material-UI TextField 中,当输入模糊时,如何防止标签落在装饰物后面?