Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

JavaScript Grundkurs

Zugriff auf Formularinhalte

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
In diesem Film vermittelt Ihnen der Autor, wie Sie mit der Eigenschaft value auf Benutzereingaben in einem Webformular zugreifen können.
02:54

Transkript

Der Zugriff auf Eigenschaften von Dom Elementen ist insofern einfach, da viele Eigenschaften von ihrem Namen exakt den Attributen von HTML-Tags entsprechen. Eine Besonderheit ist es jedoch, wenn Sie auf den Inhalt, den Textinhalt von Elementen zugreifen wollen. Etwa auf den Textinhalt von Überschriften, von Div-elementen, von Absätzen, von Tabellen, Zellen. Dafür gibt es in HTML keine spezifischen Attribute und der Dom gibt es allerdings eine Eigenschaft innerHTML, die universell für alle solche Elemente genutzt werden kann. Sie können diese lesen und Sie können dieses schreiben. InnerHTML wird also ihr universal Zugang zu allen textbasierenden Inhalten ihrer Website. Sie sehen hier, dass ich hier einen Div-Element habe, mit einer ID Info. Diese spreche ich an mit documentGetElementByID von Info.InnerHTML ist dessen Textinhalt. Am Anfang ist er leer das sehen Sie hier. Und ich schreibe den Textinhalt von der Überschrift H1 in diesen Divcontainer hinein. Document.getElementsByTagName voran H1, von 0 also die erste und .innerHTML ist der Textinhalt, also dieser Text hier. Das ist die Webseite am Anfang. Ich klicke hier drauf und dieser Text der bisher als Inhalt von A1 nur dastand, steht jetzt auch als Inhalt vom Divcontainer da. Hätte ich jetzt irgendwelche Tags in diesem Text drinnen gehabt, würden diese interpretiert werden. So sieht die Seite am Anfang aus. Und Sie sehen auch hier ist das Wort auf kursiv, wenn wir uns das mit Firebug mal ansehen, dann können Sie erkennen, dass dieser Tag auch direkt hier in diesem Div mit reingenommen wurde. Dieses innerHTML wirklich eine Art Schweizer Taschenmesser, um an beliebige Textinhalte in der Website zu kommen. Und das ist insofern bemerkenswert, weil innerHTML offiziell überhaupt nicht sterilisiert ist bis jetzt. Es kommt mit HTML5 ierst, das weiß kaum einer, weil man benutzt es schon seit gefühlten 100.000 Jahren. Anfang 2000 etwa denke ich, kam das vielleicht etwas später, aber spätestens seit 2005 ist es der Standard Zugriffsweg auf Inhalte in einer Website. nd erst jetzt mit HTML5 kriegt es sozusagen seinen offiziellen segen, was Ihnen aber vollkommen Wurscht sein kann, es funktioniert in allen relevanten Browsern.

JavaScript Grundkurs

Lernen Sie die Möglichkeiten der universellen Sprache JavaScript kennen und machen Sie sich mit der Syntax vertraut, um Ihre Web-Applikationen durch effektive Skripts zu ergänzen.

8 Std. 20 min (134 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!