Kleinen fehler JS TUT

  • Hi ho,


    ich habe glaube ich einen fehler gefunden, (kann auch sein das ich es einfach falsch verstanden habe)


    Und zwar hier http://www.html-seminar.de/jav…html-elemente-aendern.htm



    Code
    <p id=" bereich1">erster Absatz im JavaScript-Kurs zur Demonstration</p>
    <p>zweiter Absatz beim JavaScript lernen </p>
    var inhalt = document.getElementByTagName('p');
    console.log(p);


    Sollte dort dann nicht trozdem console.log(inhalt) stehen?


    Denn ich bekomme die Array nur darüber raus, mit dem p bekomme ich einen fehler. Das p nicht definiert ist.



    Greetz TimTim

  • Zitat von &quot;timtim&quot;


    Sollte dort dann nicht trozdem console.log(inhalt) stehen?


    Denn ich bekomme die Array nur darüber raus, mit dem p bekomme ich einen fehler. Das p nicht definiert ist.


    Greetz TimTim


    Hi TimTim,


    Danke für den Hinweis - du hast Recht - bitte alle Fehler melden - am besten einfach per E-Mail oder über Kontaktformular.


    Das JavaScript-Tutorial ist ganz frisch und bevor es ewig nicht veröffentlicht wird, habe ich es mir wahrscheinlich zahlreichen Schreibfehlern raus gebracht (Stand Januar 2010). Mit ein wenig Glück haben wir es dann in 2 Monaten fehlerfrei :)


    Ich schreibe gerade auch schon weitere Kapitel.


    cu aX

  • Ich erweitere das ganze mahl, ich weis nicht ob es bei mir liegt oder an den beispielen im Tut, aber da kann etwas nicht stimmen.


    Also, selbst habe ich wirklich kauf erfahrung mit js, versuche es aber immer mal wieder zu lernen. Allerding haben die die Tutoriale die ich bisher benutzte immer ein problem. Irgendwo gieng es nichtmehr weiter, damit meine ich es sind fehler in den beispielen.


    Jetzt zu dem momentanen problem.


    Ich bin immernoch auf der gleichen seite, mittlerweile hier angekommen.


    Code
    <script type="text/javascript">
    <h1>JavaScript Kurs für Einsteiger</h1>
    <p>JavaScript lernen einfach gemacht … </p>
    document.getElementByTagName('h1').style.color = 'orange';
    </script>


    Bei mir steht folgendes:





    Hier bekomme ich vom Firebug folgenden Fehler :


    Code
    missing ; before statement
    [Break on this error] <p>JavaScript lernen einfach gemacht </p> \n


    Dan habe ich den <h1> und <p> teil auserhalb des <script> geschrieben.


    dadurch habe ich gemerkt das


    Code
    document.getElementByTagName is not a function
    1.htm()1.htm (Zeile 22)
    [Break on this error] document.getElementByTagName('h1').style.color = 'orange';\r\n


    eingtlich


    Code
    document.getElemntsByTagName

    heisen sollte.
    also das s bei Elements


    Wenn ich das auch verbessere funktioniert es leider immernoch nicht.


    Fehler:



    Code
    Firebug's Protokollierungslimit wurde erreicht. %S Einträge werden nicht angezeigt.		Voreinstellungen	 
    document.getElementsByTagName("h1").style is undefined
    [Break on this error] document.getElementsByTagName('h1').style.color = 'orange';\r\n



    Hier weis ich nun nichtmehr weiter..


    Mein code bisher :



    Meine frage ist nun. Mache ich hier etwas falsch.. oder sind das Fehler im Tutorial?


    Greetz TimTim

  • Hallo liebe Leute!


    Ich bin auf der gleichen Seite wie TimTim


    http://www.html-seminar.de/jav…html-elemente-aendern.htm


    und habe ähnliche Probleme.


    Wenn ich diesen Code zum testen kopiere:


    Zitat

    <p id=" bereich1">erster Absatz im JavaScript-Kurs zur Demonstration</p>
    <script type="text/javascript">
    var inhalt = document.getElementById('bereich1');
    console.log(inhalt)
    </script>


    bekomme ich von Firebug NULL ausgegeben.?


    [Blockierte Grafik: http://www.bilder-hochladen.net/files/6owa-3.gif]




    So wie ich die Angabe verstehe sollte die Ausgabe doch:

    Zitat

    <p id="bereich1">

    heißen.



    Ich benutze Firefox 3.5.9
    und arbeite auf mac os x 10.5.8


    Hier noch der code in meiem Editor


    Schöne Grüße


    Peter

  • Hi,
    also danke erst mal für das Tut.
    bez. der Fehler die oben erwähnt wurden:


    1) document.getElementByTagName => mehrmaliger Tippfehler (vermutlich durch copy / paste) => document.getElementsByTagName


    2) document.getElementsByTagName('h1').style.color = 'orange'; => benötigt witzigerweise den Index des Array, also in dem Sample [0], da nur eine Zeile existiert.

  • Hallo hab mich grad angemeldet und hab gesehen die vollständige lösung steht da immer noch nicht,
    hab mich auch grad hingesetzt und das Tutorial langsam durch gearbeitet und hier mal die 2. Beispiele wegen dem Css Style.


    Hab es in Zip hochgeladen falls es jemanden intressiert & sonst hier der Code:




    Ich hoffe ich konnte manchen von euch helfen :)
    Liebe Grüße


    Dark BoM


    p.s. vergiss nicht die Style Datei ^^

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!