HTML-Fehler können keine set-Eigenschaft null (anonyme Funktion)

Ich versuche zu speichern, ein textbox-Wert in den lokalen Speicher aber ich bin Fang einer " Uncaught TypeError: Cannot set property 'onclick' null und nicht genau zu wissen, warum. Alles scheint darauf verwiesen werden, richtig. Einsicht wäre dankbar.

<script type="text/javascript">
var save_button = document.getElementById('Save')
save_button.onclick = saveData;

function saveData()
{
    var input = document.getElementById("saveServer");
    localStorage.setItem("server", input.value);
    var storedValue = localStorage.getItem("server");
};
</script>    

<label for="serveri">Server:</label>
<input type='text' name="server" id="saveServer" />
<button onclick="saveData()" type="button" value="Save" id="Save">Save</button>

Wenn das oben genannte nicht mein problem, hier ist das ganze in JSFiddle: http://jsfiddle.net/mGfeu/

Warum haben Sie eine inline-handler sowie einen definierten listener?

InformationsquelleAutor user2892178 | 2013-10-23

  1. 1

    Schreiben Sie das Skript, nachdem der Körper. Der DOM ist nicht geladen, wenn Ihr Skript ausgeführt wird. Daher gibt es kein element mit der id 'Speichern'.

    InformationsquelleAutor Sandeep Nayak

  2. 0

    Du suchst das element, bevor es gerendert wird auf der Seite.

    Ihre Geige ist Durcheinander, da Sie den script-block in die HTML-markup und JavaScript-panel. Der in das HTML-markup ist die Entlassung der Fehler, da es nicht läuft im onload-oder-Dokument bereit.

    in meinem aktuellen Projekt die js referenziert ist an der Spitze der index nur. dachte, id, trennen Sie es für jsfiddle.
    Das problem ist noch die Tatsache, Sie nennen es, bevor das element gerendert wird. Es ist so wie ich rufe deinen Namen, bevor Sie das Zimmer betrat. Ich werde keine Antwort erhalten. Führen Sie den code-Fenster.onload oder ein Dokument bereit, wie ich schon sagte in meiner Antwort.

    InformationsquelleAutor epascarello

  3. 0

    Ihr code ausgeführt wird, bevor der DOM fertig ist (so die .getElementById finden nicht Ihr element)

    Den code ändern, um

    //attach events for all browsers
var prefix = window.addEventListener ? "" : "on";
var eventName = window.addEventListener ? "addEventListener" : "attachEvent";
  document[eventName](prefix + "load", init, false);


function init() {
    var save_button = document.getElementById('Save');
    save_button.onclick = saveData;
}

function saveData() {
    var input = document.getElementById("saveServer");
    localStorage.setItem("server", input.value);
    var storedValue = localStorage.getItem("server");
    alert(storedValue);
}
    warum so viel junk-code für den Anschluss an das load-Ereignis?
    denn das ist die cross-browser Weg, es zu tun
    Ich bin so froh, dass ich nicht irgendwelche Gründe, nicht zu verwenden jquery
    vereinbart, obwohl, wenn die nur den nutzen für die load event, jquery ist übertrieben..

    InformationsquelleAutor Gabriele Petrioli

  4. 0

    Ihre Geige funktioniert, wenn Sie das Skript (die Sie gerade brauchen, um das html aus dem Körper und legen Sie es in den js-Bereich nur, weil, dass ist mit ein onload-script zum Rendern:

    http://jsfiddle.net/spacebean/mGfeu/1/

    Er zurückkehrte, das localStorage-element richtig und alles wird gut.

    Für Ihren code so stellen Sie sicher, wickeln Sie es in ein onload-Ereignis, z.B.:

    <script type="text/javascript">
//<![CDATA[
    window.onload=function(){ /* your js here */}
//]]>

    InformationsquelleAutor spacebean

Schreibe einen Kommentar