Kleinen fehler JS TUT

timtim · 12. Januar 2010

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

Axel · 12. Januar 2010

Zitat von "timtim"

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

timtim · 12. Januar 2010

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:

Code

<script type="text/javascript">
<h1>JavaScript Kurs fuer Einsteiger</h1>
<p>JavaScript lernen einfach gemacht </p>




document.getElementByTagName('h1').style.color = 'orange';




</script>

Alles anzeigen

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 :

Code

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

Alles anzeigen

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

Greetz TimTim

feinshdens · 15. Juni 2010

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

Zitat

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

Alles anzeigen

Schöne Grüße

Peter

cweiss25 · 3. August 2011

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.

Dark BoM · 15. Dezember 2011

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

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

Alles anzeigen

Code

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

Alles anzeigen

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

Dark BoM

p.s. vergiss nicht die Style Datei

Kleinen fehler JS TUT

Jetzt mitmachen!

Teilen