JavaScript/Tutorials/DOM

Aus SELFHTML-Wiki
< JavaScript‎ | Tutorials(Weitergeleitet von JavaScript/Tutorials/ES6)
Wechseln zu: Navigation, Suche
Dom.svg

Mithilfe von JavaScript, das in jedem Browser läuft, werden Webseiten interaktiv. In diesem Kurs wird das Zusammenspiel von HTML, JavaScript und dem DOM behandelt.

So können Sie gezielt Elemente Ihrer Webseite ansprechen und durch Anwenderereignisse wie Benutzereingaben Scripte starten, die dann interaktiv sowohl Inhalte als auch Layout verändern.

  1. Was ist das DOM?
    • Baumstruktur
    • Elementknoten ansprechen
  2. Einbindung in HTML
    • in den head oder body?
    • async und defer
  3. Ereignisverarbeitung
    • Event-Handling
    • auf Events reagieren
      • Event-Objekt
      • Events weitergeben
      • Standardverhalten unterdrücken
  4. DOM-Manipulation
    • Elemente dynamisch
      • erzeugen
      • entfernen
    • Bild-Wechsler
      • Steuerung


Die Sprachelemente und die Syntax von JavaScript behandelt der Kurs Einstieg in JavaScript.

Für viele Webautoren ist JavaScript die erste Programmiersprache, mit der sie zu tun bekommen. HTML und CSS sind zwar auch künstliche Rechnersprachen, aber Auszeichnungssprachen – es lassen sich damit keine Programme schreiben, die Anweisung für Anweisung abgearbeitet werden.

Was zuerst wie eine spitzfindige Unterscheidung klingt, ist ein Unterschied ums Ganze: Mit HTML lassen sich lediglich Texte auszeichnen und Dokumente aufbauen. Mit CSS werden diese Dokumente formatiert. Eine Programmiersprache hingegen funktioniert grundlegend anders und erfordert eine eigentümliche Denkweise und Herangehensweise an Probleme. Die Grundlagen der Programmierlogik können an dieser Stelle nicht beschrieben werden, sie sind aber essentielle Voraussetzung für den Umgang mit JavaScript.

Hinweis:
Der Abschnitt „Was ist JavaScript?“ befindet sich jetzt im Artikel Einstieg der JavaScript-Tutorials.