Es besagt, dass TypeError: document.getElementById (...) null ist

Obwohl ich stieß einen parameter getElementById ich Frage mich, von wo ist dieses "null" - Fehler kommen?

TypeError: document.getElementById(...) is null
[Break On This Error]   

document.getElementById(elmId).innerHTML = value;

Line 75

Zusätzlich Frage ich mich, warum Titel und die Uhrzeit nicht angezeigt, wenn ich auf eine dieser playlist Bilder?

InformationsquelleAutor der Frage Tahtakafa | 2012-12-14

  1. 20

    Alle diese Ergebnisse in null:

    document.getElementById('volume');
document.getElementById('bytesLoaded');
document.getElementById('startBytes');
document.getElementById('bytesTotal');

    Müssen Sie einen null-check in updateHTML wie diese:

    function updateHTML(elmId, value) {
  var elem = document.getElementById(elmId);
  if(typeof elem !== 'undefined' && elem !== null) {
    document.getElementById(elmId).innerHTML = value;
  }
}

    InformationsquelleAutor der Antwort bits

  2. 36

    Stellen Sie sicher, dass das Skript in der unten im BODY-element das Dokument, das Sie versuchen zu manipulieren, nicht im HEAD-element oder platziert vor jedem der Elemente, die Sie wollen, um "get".

    Ist es egal, ob Sie den import der Skript, oder wenn es inline, das wichtigste ist die Platzierung. Sie nicht haben, um setzen Sie den Befehl in einer Funktion, während es gute Praxis, können Sie einfach direkt aufrufen, es funktioniert Prima.

    InformationsquelleAutor der Antwort Olemak

  3. 8

    Bedeutet es, dass element mit id übergeben getElementById() existiert nicht.

    InformationsquelleAutor der Antwort Marat Tanalin

  4. 7

    Können Sie JQueryum sicherzustellen, dass alle Elemente der Dokumente, die bereit sind, bevor es beginnt die client-side-scripting -

    $(document).ready(
    function()
    {
        document.getElementById(elmId).innerHTML = value;
    }
);

    InformationsquelleAutor der Antwort amar

  5. 2

    In Ihrem code, können Sie finden diese Funktion:

    //Update a particular HTML element with a new value
function updateHTML(elmId, value) {
  document.getElementById(elmId).innerHTML = value;
}

    Später auf, rufen Sie diese Funktion mit mehreren params:

    updateHTML("videoCurrentTime", secondsToHms(ytplayer.getCurrentTime())+' /');
updateHTML("videoDuration", secondsToHms(ytplayer.getDuration()));
updateHTML("bytesTotal", ytplayer.getVideoBytesTotal());
updateHTML("startBytes", ytplayer.getVideoStartBytes());
updateHTML("bytesLoaded", ytplayer.getVideoBytesLoaded());
updateHTML("volume", ytplayer.getVolume());

    Der erste param ist für die "getElementById", aber die Elemente mit der ID "bytesTotal", "startBytes", "bytesLoaded" und "Lautstärke" gibt es nicht. Sie müssen, um Sie zu erstellen, da Sie null zurück.

    InformationsquelleAutor der Antwort MarcoK

  6. 2

    Ich habe den gleichen Fehler. In meinem Fall hatte ich mehrere div-Element mit der gleichen id auf einer Seite. Umbenannt habe ich die andere id von dem div-Element verwendet und das Problem beseitigt haben.

    So bestätigen, ob das element:

    • existiert mit der id
    • nicht kopieren mit id
    • bestätigen, ob das script aufgerufen wird

    InformationsquelleAutor der Antwort Pradeep Kumar Prabaharan

  7. 1

    Ich habe das gleiche problem. Es ist einfach das javascript-Skript lädt viel zu schnell-bevor das HTML-element geladen. Damit der browser die Rückgabe null, da kann der browser nicht finden, wo ist das element, das Sie wie zu manipulieren.

    InformationsquelleAutor der Antwort The Mr. Totardo

Schreibe einen Kommentar