Question

我是JavaScript新手，不是HTML方面的佼佼者，但在学校必须做以下事情：我找到了秒表HTML代码，并为此编写了一个JavaScript，它将从停止时间中计算出劳动单位（LU）。 1 LU = 15分钟（900秒）问题是，我无法从HTML站点获取停止时间到JavaScirpt中来计算“ LU”。

我尝试了document.getElementById和document.getElementsByClassName

with document.getElementsByClassName我总是得到类似“ 对象htmldivelement ”的信息并与document.getElementById所有变量保持为空，我不能弄清楚，我该如何解决。我需要使用其他命令还是我做错了什么？


<div class="container">
        <!-- controls -->
        <input id="start" name="controls" type="radio" />
        <input id="stop" name="controls" type="radio" />
        <input id="reset" name="controls" type="radio" />

        <div class="timer">
                <div class="cell">
                        <div class="numbers tenhour moveten">0 1 2 3 4 5 6 7 8 9</div>
                </div>
                <div class="cell">
                        <div class="numbers hour moveten">0 1 2 3 4 5 6 7 8 9</div>
                </div>
                <div class="cell divider"><div class="numbers">:</div></div>
                <div class="cell">
                        <div class="numbers tenminute movesix">0 1 2 3 4 5 6</div>
                </div>
                <div class="cell">
                        <div class="numbers minute moveten">0 1 2 3 4 5 6 7 8 9</div>
                </div>
                <div class="cell divider"><div class="numbers">:</div></div>
                <div class="cell">
                        <div class="numbers tensecond movesix">0 1 2 3 4 5 6</div>
                </div>
                <div class="cell">
                        <div class="numbers second moveten">0 1 2 3 4 5 6 7 8 9</div>
                </div>
                <div class="cell divider"><div class="numbers">:</div></div>
                <div class="cell">
                        <div class="numbers milisecond moveten">0 1 2 3 4 5 6 7 8 9</div>
                </div>
                <div class="cell">
                        <div class="numbers tenmilisecond moveten">0 1 2 3 4 5 6 7 8 9</div>
                </div>
                <div class="cell">
                        <div class="numbers hundredmilisecond moveten">0 1 2 3 4 5 6 7 8 9</div>
                </div>
        </div>

JAVASCRIPT：

var ae;
var zs = document.getElementById('cell');
var es = document.getElementById('cell');
var zm = document.getElementById('cell');
var em = document.getElementById('cell');
var zsek = document.getElementById('cell');
var esek = document.getElementById('cell');
document.write("<center><h2>Erfasste AEs: </h2></center> <h2>");

document.getElementById('stop').onclick = function() {
    zs = zs * 36000;
    es = es * 3600;
    zm = zm * 600;
    em = em * 60;
    zsek = zsek * 10;
    ae = ((zs + es + zm +em + zsek + esek) / 900) + 1;
    document.write(ae);
};

如果按下停止按钮，它将告诉我劳动单位。问题是，如果按下停止按钮， JavaScript将答案发布在“新”空白网站上，我会尝试解决。

我将不胜感激，感谢我的英语水平

Answer 1

首先为您的单元提供唯一的ID。现在，您正在尝试引用他们的课程。即使您将此类的名称更改为id，也不会获得期望的值，因为它们都共享相同的id。

<div class="cell">
  <div class="numbers tensecond movesix" id="tensecplace">0 1 2 3 4 5 6</div>
</div>

无法使用document.getElementById（）从HTML中获取价值。

1 个答案: