Unable to get property 'addEventListener'

Ich habe auf einer kleinen Aspekt meiner Bewerbung und wollte heute erhalten Sie eine Balkenanzeige auf meine Bewerbung. Ich fragte eine Frage zu diesem morgen, wo es einige gute Antworten. Ich habe vor kurzem wollte zu versuchen und zu beantworten, dass ich ws gegeben mit Skript, CSS und HTML.

Bin ich immer zu problem, um die Skript funktioniert, wie es immer wieder mit einer Fehlermeldung, die sagen:

 0x800a138f - JavaScript runtime error: Unable to get property 'addEventListener' of undefined or null reference

Dies ist die Skript:

<script type="text/javascript">

    var desktops = document.querySelectorAll('.desktop');

    function hide(element) {
        element.style.setProperty('left', '-100%', element.style.getPropertyPriority('left'));
    }

    function hideAll() {
        for (var i = 0; i < desktops.length; i++) {
            hide(desktops[i]);
        }
    }

    function show(element) {
        element.style.setProperty('left', '0', element.style.getPropertyPriority('left'));
    }

    document.getElementById('link-one').addEventListener('click', function () {
        hideAll();
        show(document.getElementById('one'));
    }, false);


    show(document.getElementById('one'));
</script>

Hier ist die HTML:

<ul>
<li id="link-one">
  <div>1</div>
  <div>One</div>
</li>
</ul>

<div id="one" class="desktop">
  <h1>Sidebar Example</h1>
  <p>This is 1</p>
  <p>Something here.</p>
</div>

Von dem, was ich kann arbeiten, seine nicht in der Lage zu finden die ID?

Können Sie ein kleineres Beispiel? Beseitigen Sie alles, was nicht in Beziehung zu dem problem. sscce.org
Frey Ill nehmen Sie die HTML aus, aber das Script ist das problem.
Die HTML ist wichtig. Was nicht wichtig ist sind die Teile, die nicht erforderlich sind, um das problem zu reproduzieren. Interessieren wir uns nur über dein problem, also bitte nur uns zeigen, dass, und keine extra-code.
Wie hast du Sie getaggt dies mit ASP.NET sind Sie sicher, Sie sind auf der Suche für das richtige Steuerelement-ID? ASP.NET (insbesondere bei Verwendung von MasterPages und/oder Benutzersteuerelemente) wird normalerweise machen die control mit einem Namen wie ct100_mainContent_control.
Das ist das problem, Sie können nicht auf HTML-Elemente, bevor Sie schon analysiert. Versuchen Sie, das Skript an der Unterseite Ihres <body> oder mit onload oder so ähnlich.

InformationsquelleAutor Ben Clarke | 2014-06-17

  1. 6

    Das problem ist, dass man das Skript ausführt, BEVOR die Elemente auf der Seite erstellt wurden. Das ist, warum die getElementById zurück null.

    Gibt es mehrere Möglichkeiten, dies zu umgehen...

    • (kommentiert von Kendall), können Sie verschieben Sie das Skript nach dem Ende der <body>
    • Sie können den code in eine Funktion und rufe diese Funktion aus <body onload="newFunction();">
    • Wenn Sie jQuery verwenden, können Sie wickeln Sie den code in $(function() { ... });
    Ich habe es am Ende meines Körpers, und es funktioniert gut. Ich bin dumm ich glaube nicht, von der Logik, die nur ich immer meine Skripte an der Spitze meiner Seite.
    Froh, Sie haben es zu arbeiten. Wenn Sie mit jQuery würde ich es durchaus empfehlen. Es wird Ihr Leben erheblich einfacher
    Krank doch mal einen Blick, um zu sehen, wie kann ich jQuery-Arbeit gut aber danke für deine Antwort 🙂

    InformationsquelleAutor freefaller

Schreibe einen Kommentar