Du bist nicht angemeldet.

1

Dienstag, 12. Januar 2010, 13:49

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/javascript-ht…nte-aendern.htm


Quellcode

1
2
3
4
<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

2

Dienstag, 12. Januar 2010, 14:26

Re: Kleinen fehler JS TUT

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

3

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.

Quellcode

1
2
3
4
5
<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:



Quellcode

1
2
3
4
5
6
7
  <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 :

Quellcode

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

Quellcode

1
2
3
 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

Quellcode

1
 document.getElemntsByTagName
heisen sollte.
also das s bei Elements

Wenn ich das auch verbessere funktioniert es leider immernoch nicht.

Fehler:


Quellcode

1
2
3
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 :

Quellcode

1
2
3
4
5
6
7
8
9
10
<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

Peter1978

hat Ahnung

Beiträge: 453

Wohnort: Innsbruck

Beruf: Buchbinder

  • Private Nachricht senden

4

Dienstag, 15. Juni 2010, 13:45

Ausgabe nicht gleich Angabe

Hallo liebe Leute!

Ich bin auf der gleichen Seite wie TimTim

http://www.html-seminar.de/javascript-ht…nte-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.?





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>


Schöne Grüße

Peter

5

Mittwoch, 3. August 2011, 11:38

Re: Kleinen fehler JS TUT

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.

6

Donnerstag, 15. Dezember 2011, 13:22

Re: Kleinen fehler JS TUT

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:

Quellcode

1
2
3
4
5
6
7
8
9
10
<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>


Quellcode

1
2
3
4
5
6
7
8
9
<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 ^^
»Dark BoM« hat folgende Datei angehängt: