gpt4 book ai didi

javascript - 在 html 代码中加载一个 javascript 函数

转载 作者:行者123 更新时间:2023-11-28 04:29:55 25 4
gpt4 key购买 nike

我想使用 javascript 方法 innerHTML 读取几个 div 的值并将它们保存在变量中。那是javascript代码:

function llegirdata()
{
var spandies = document.getElementById('dies').innerHTML;
var spanhores = document.getElementById('hores').innerHTML;
var spanminuts = document.getElementById('minuts').innerHTML;
var spansegons = document.getElementById('segons').innerHTML;
console.log(spanhores);
}

此代码位于名为 temps.js 的脚本中。 html代码是:

<head>

<script type="text/javascript" src="js/temps.js"></script>

</head>
<body>
<div class="contenidor">

<div id="clockdiv">
<div>
<span id="dies">1</span>
<div class="smalltext">Dies</div>
</div>
<div>
<span id="hores">1</span>
<div class="smalltext">Hores</div>
</div>
<div>
<span id="minuts">40</span>
<div class="smalltext">Minuts</div>
</div>
<div>
<span class="segons">00</span>
<div class="smalltext">Segons</div>
</div>

<script language="javascript">
llegirdata();
</script>
</body>

当我在浏览器中运行代码时,spanhores 变量的值没有显示在控制台中。有错误

无法读取 null 的属性“innerHTML”

我知道这个错误意味着脚本在 html 代码之前加载并且 innerHTML 方法无法读取 span id=hores 的值。这是我不明白的,因为我在加载html代码后才加载脚本。

我不想在 html 文件中键入 javascript,因为我需要执行更多函数来计算某些值。

如何显示 spanhores 变量的值?

谢谢。

最佳答案

<span class="segons">00</span>

你打错了。类不是 Id。

document.getElementById('segons') 返回 null 因为您根本没有具有该 id 的元素,而不是因为您也试图读取它很快。

关于javascript - 在 html 代码中加载一个 javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39626039/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com