在html代码中加载javascript函数

Question

在html代码中加载javascript函数

我想使用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);
 }

Run Code Online (Sandbox Code Playgroud)

此代码位于名为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>

Run Code Online (Sandbox Code Playgroud)

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

无法读取null的属性'innerHTML'

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

我不想在html文件中输入javascript,因为我需要做更多的函数来计算一些值.

如何显示spanhores变量的值？

谢谢.

Answer 1

Que*_*tin 6

<span class="segons">00</span>
Run Code Online (Sandbox Code Playgroud)

你弄错了.类不是Id.

document.getElementById('segons')返回null是因为您根本没有具有该ID的元素,而不是因为您尝试过早阅读它.

归档时间：	9 年，2 月前
查看次数：	64 次
最近记录：	9 年，2 月前