Tutorial HTML, CSS u. PHP - Forum

von **timtim** » Dienstag 12. Januar 2010, 13:49

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/javascript-html-elemente-aendern.htm

Code: Alles auswählen: <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

von **axel** » Dienstag 12. Januar 2010, 14:26

timtim hat geschrieben: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

von **timtim** » Dienstag 12. Januar 2010, 14:28

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: Alles auswählen: <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:

Code: Alles auswählen: <script type="text/javascript"> <h1>JavaScript Kurs fuer Einsteiger</h1> <p>JavaScript lernen einfach gemacht </p> document.getElementByTagName('h1').style.color = 'orange'; </script>

Hier bekomme ich vom Firebug folgenden Fehler :

Code: Alles auswählen: 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: Alles auswählen: 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: Alles auswählen: document.getElemntsByTagName

heisen sollte.
also das s bei Elements

Wenn ich das auch verbessere funktioniert es leider immernoch nicht.

Fehler:

Code: Alles auswählen: 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 :

Code: Alles auswählen: <body> <h1>JavaScript Kurs fuer Einsteiger</h1> <p>JavaScript lernen einfach gemacht </p> <script type="text/javascript"> document.getElementsByTagName('h1').style.color = 'orange'; </script> </body>

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

Greetz TimTim

von **Peter1978** » Dienstag 15. Juni 2010, 12:45

Hallo liebe Leute!

Ich bin auf der gleichen Seite wie TimTim

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

und habe ähnliche Probleme.

Wenn ich diesen Code zum testen kopiere:

<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.?

Bild

So wie ich die Angabe verstehe sollte die Ausgabe doch:

<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

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

Schöne Grüße

Peter

von **cweiss25** » Mittwoch 3. August 2011, 10:38

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.

von **Dark BoM** » Donnerstag 15. Dezember 2011, 13:22

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:

Code: Alles auswählen: <head> <link rel="stylesheet" type="text/css" href="./style.css" /> </head> <h1>JavaScript Kurs für Einsteiger</h1> <p>JavaScript lernen einfach gemacht … </p> <script type="text/javascript"> document.getElementsByTagName('h1')[0].style.color = 'orange'; </script>

Code: Alles auswählen: <head> <link rel="stylesheet" type="text/css" href="./style.css" /> </head> <h1>JavaScript Kurs für Einsteiger</h1> <p>JavaScript lernen einfach gemacht … </p> <script type="text/javascript"> document.getElementsByTagName('h1')[0].style.backgroundColor = 'yellow'; </script>

Ich hoffe ich konnte manchen von euch helfen

Liebe Grüße

Dark BoM

p.s. vergiss nicht die Style Datei ^^

Tutorial HTML, CSS u. PHP - Forum

Kleinen fehler JS TUT

Kleinen fehler JS TUT

Re: Kleinen fehler JS TUT

Ausgabe nicht gleich Angabe

Re: Kleinen fehler JS TUT

Re: Kleinen fehler JS TUT

Wer ist online?