Mit JavaScript aus einem Dokument Daten lesen
22. Februar 2009 Roland
- Programmierung
- Variablenzuweisungen und Berechnungen
- Alter berechnen nur mit JavaScript
- Alter berechnen mit und ohne Javascript
- Code Optimierung
- Client Server Applikationsarchitektur
- Eigenschaften eines Webbrowsers
- Stylesheets
- Interaktive Webclients
- Mit HTML, oder SVG, interaktive Ein- Ausgaben erstellen
- Mit JavaScript aus einem Dokument Daten lesen
- Der Webserver
- Webserver-seitige Programmierung
- Datenbankanbindung
- Architekturprinzip Separation of Concerns
- Beschreibung von Anwendungsfällen
- Mit JavaScript einen wiederkehrenden Event erzeugen
- Kommunikationswege bei Einsatz von Java auf dem Webclient
- Einbinden der JavaScript Timer Klasse in eine Webseite
- AJAX Kommunikation ohne Fassaden Pattern
- JavaScript Klassen mit Object-Literal Syntax erstellen
- Knackpunkte bei der Klasse AsyncCommunication
- Speicherverbrauch in AJAX Applikationen
- Auch bei JavaScript immer die Variablen sauber deklarieren
- Eventhandler im JavaScript mit dem HTML Dokument verknüpfen
- Objekte in JavaScript mit JSON deklarieren
So, schön. Wir haben mittlerweile auf unserem Client eine JavaScript Funktion die “huhu” sagt und können Dokumente dank Stylesheets und Auszeichnungssprache schön darstellen. Wie kommen wir jetzt an die wertvollen Daten heran, die unser Anwender eingegeben hat?
Naja, wir lesen einfach unser HTML Dokument aus.
Dein HTML Dokument ist im Endeffekt ein XML Dokument. Somit hast du die Möglichkeit jedes Element in deinem Dokument zu durchlaufen und den Wert (value) des Elements zu lesen und zu ändern.
Um schnell an bestimmte Elemente heranzukommen kannst du dass id Tag verwenden. Mit id wird innerhalb eines HTML Dokuments ein Element mit einer eindeutigen Identifizierung versehen. Beispiel:
-
<form>
-
<input id="name" type="text"/>
-
<input id="vorname" type="text"/>
-
</form>
Hier wurde ein Text-Input-Tag mit der id name und eines mit vorname bestimmt. Wir können jetzt mit den zwei Eingabefeldern den Namen und Vornamen einer Person eingeben. Mit JavaScript können wir die beiden Eingabefelder folgendermaßen auslesen:
-
var name = document.getElementById("name").value;
-
var vorname = document.getElementById("vorname").value;
Die Variablen name und vorname beinhalten danach die Werte der im HTML Dokument vorhandenen Elemente mit der id vorname und name.
document ist hierbei immer dass aktuelle Dokument in dem wir uns befinden. Egal ob es sich hier um HTML oder SVG handelt.
Aufgabe
Sucht mal im Internet ein bisschen rum und baut ein HTML Dokument mit einem Paragraph (p) dass die id “actual_date” hat.
Baut eine JavaScript Datei und bindet diese in das HTML Dokument ein.
Erstellt eine JavaScript Funktion die beim Laden des HTML Dokuments angezogen wird und in den Paragraph actual_date dass aktuelle Datum (Jahr, Monat, Tag, Stunde, Minute, Sekunde) einschreibt.
Probiert aus ob dass alles ohne Fehlermeldung auf der JavaScript Konsole funktioniert und euer HTML Dokument immer noch valide ist.
Artikel mit ähnlichen Schlagwörtern
Der Beitrag wurde am Sonntag, den 22. Februar 2009 um 00:20 Uhr veröffentlicht und wurde unter Programmieren abgelegt.
Dir gefiel der Artikel? Dann abonniere doch den RSS Feed
Du kannst die Kommentare zu diesem Eintrag durch den RSS 2.0 Feed verfolgen. Du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.
