getElementById - Was macht das? Was ist das? - Was ist ein Event und was tut der Event-Handler? Was ist ein OnClick-Event?

getElementById - was ist das genau?

Dieser Inhalt wird durch einen anderen Inhalt ausgetauscht werden. Wir haben dieses Span-Element mit einer ID versehen. Die ID ist wie der Henkel einer Teetasse. Die Tasse greifst du, wenn du trinken willst, am Henkel. Du kannst die Tasse auch als Ganzes greifen. Aber wenn Sie heiß ist, dann ist es besser, sie am Henkel zu ergreifen und sie dort auch festzuhalten. Gleichsam funktioniert eine ID. Du kannst jeden Tag auch anders begreifen oder greifen oder darauf zugreifen, wie man in der Informatik sagt, aber eine ID ist der direkte Weg.
Was passiert hier? Sobald die Seite geladen wird, werden den Variablen Span_Henkel und Knopf jeweils ein HTML-Element zugewiesen. Das bedeutet, dass sie die kompletten Elemente mit all ihren Eigenschaften beinhalten. Span_Henkel das komplette Span-Element und Knopf den Button. geleistet wird das durch
var Span_Henkel = document.getElementById ("Henkel");
var Knopf = document.getElementById ("Ausloeser");
Der Event-Handler Onclick - Events, Ereignisse und Listener - was tun sie? Das Button-Element wird durch onclick="Neuer_Inhalt()" mit einem Eventhandler ausgestattet. Das bedeutet nichts anderes, dass der Button nun darauf wartet, angeklickt zu werden (Das Klicken nennt man einen Event oder auf Deutsch ein Ereignis. Ein Handler ist ein Behandler. D.h. das Programm behandelt Ereignisse. Damit es diese Ereignisse erkennen kann, muss es die Ereignisse registrieren, d.h. übertragen auf menschliche Tätigkeiten, muss das Programm nun zuhören. Daher nennt man den Event-Handler auch einen Event-Listener. Der Button wird also mit einem Listener ausgestattet, mit einem Zuhörer, der registriert, ob der Benutzer auf den Button klickt. Tut er das, so wird der Listener aktiv. Er soll eine Funktion Neuer_Inhalt() auführen.) Wenn man nun auf den Button klickt, wird die Funktion Neuer_Inhalt() aufgerufen. Die Eigenschaften innerHTML und fontSize bekommen dort neue Werte zugewiesen. Anstatt dieses Textes wird nun in innerHtml eine 1 geschrieben. Der Button-Text wird auch ersetzt durch die Frage: Was ist passiert? Außerdem wird die Schriftgröße des Spans auf 1000% gesetzt. Der Browser malt sofort alles neu.



Quellcode

Weitere Events müssen noch definiert werden und stehen auf null

Hier siehst du einen Ausschnitt davon, was alles in einem Element wie einem Span enthalten sein kann. Nicht alle Event-Handler sind mit einer Aktion ausgestattet. Nur unser Click-Event.

Ansicht in Chrome-Entwicklertools
Description: Dieser Artikel ist elementar. Es geht um getElementByID. Es wird beschrieben, was dieser Befehl in Javascript leisten kann. Außerdem sprechen wir über Events - ein zentrales Konzept in der Computertechnologie.

Keywords: Javascript, Grundlagen, Webprogrammierung, getElementById, Event, Event-handler, Event-Behandler, listener, Event-listener
Geschrieben:
Sprache: de (Deutsch)
Lizenz: © Karsten Fink

primitivecode.com ist eine Seite in der Hauptsache über deutsche Grammatik. Momentan ist diese Homepage nicht monetarisiert. Keiner bekommt irgendwelche Daten. Ich will nur, dass das Deutschlernen für dich zu einer positiven Erfahrung wird und dass sich das herumspricht. Wenn diese Seite dir also gefällt und hilft, dann möchte ich, dass du diese Erfahrung an deine Freunde weitergibst. Auf der ersten Seite schreibe ich, was mir auf dem Herzen liegt. Ansichten sind für mich keine Meinung, sondern ich versuche alles geradlinig und an Fakten orientiert zu erörtern.