document.getElementById ("часы") является нулем?

Question

В следующем коде document.getElementById("clock") равно null , как это можно решить?

    var interval = self.setInterval("clock()", 1000);
    function clock() {
        var date = new Date();
        var hourOffset = 3;
        date.setUTCHours(date.getUTCHours(), date.getUTCMinutes());
        var time = date.getTime();
        date.setUTCFullYear(date.getUTCFullYear(), 2, 22);
        var dstStart = date.getTime();
        date.setUTCFullYear(date.getUTCFullYear(), 8, 22);
        var dstEnd = date.getTime();
        if(time > dstStart && time < dstEnd)
            hourOffset = 4;
        date.setUTCHours(date.getUTCHours() + hourOffset, date.getUTCMinutes() + 30);
        var output = date.getUTCHours() + ":" + date.getUTCMinutes() + ":" + date.getUTCSeconds();
        document.getElementById("clock").innerHTML = output;
    }

Answer 1

В вашем коде должен быть элемент с идентификатором clock, попробуйте добавить его в свой HTML:

<div id="clock"></div>

Кроме того, было бы полезно увидеть ваш HTML.

Answer 2

Прежде всего, вам нужен элемент с идентификатором «clock», во-вторых, вам нужно выполнить этот код после того, как DOM будет готов, а не раньше, потому что в противном случае JS не найдет элемент.

Другими словами ... добавить:

<div id='clock'></div>

И вставьте этот код JavaScript перед </body> в вашем документе.

Answer 3

Добавьте <div id="clock"></div> на свою страницу. Вот где появятся часы.

Если вам нужна дополнительная помощь, опубликуйте HTML-код всей вашей страницы.

Вы также можете сделать это по-другому, если вам нравится, например, любой из

<b id="clock"></b>
<span id="clock"></span>
<div style="color:blue" id="clock"></div>

Answer 4

Единственная причина, по которой getElementById вернет undefined, - это отсутствие доступного HTML-элемента с идентификатором clock.Убедитесь, что один из элементов имеет этот идентификатор

<p id="clock"></p>