Das DOM – das Mysterium der JavaScript-Welt - JavaScript: Die Universelle Sprache zur Web-Programmierung - page 199

<script type="text/javascript">
document.getElementsByClassName("ok")[0] .onclick=function(){
alert( document.getElementsByClassName("userid")[0] .value + "\n" +
document.getElementsByClassName("passwort")[0] .value);
};
</script>
</body>
</html>
PrAXISTIPP: Bis zur vollständigen Unterstützung von HTML5 in allen relevan-
ten Browsern würde ich von dem Zugrif über den Klassennamen über diese
Methode Abstand nehmen.
8.5.5■Der kurze Dienstweg - this
In einigen Situationen können Sie mit dem Schlüsselwort this auf ein Element zugreifen.
Über this sprechen Sie allgemein das gerade aktuelle Objekt an und wir werden das
Schlüsselwort noch intensiv bei den erweiterten JavaScript-Techniken sehen. Im direkten
Zusammenhang mit dem DOM-Konzept können Sie den Zugrif auf ein DOM-Element ver-
kürzen, wenn Sie eine Methode direkt auf dem aktuellen Element auslösen.
Wenn beispielsweise aus einem Formularcontainer ein Eventhandler verwendet und in
einer aufgerufenen Funktion this übergeben wird, repräsentiert this das Formular. In
anderen Konstellationen (Aufruf einer Funktion über einen Eventhandler eines Formular-
element-Tags) können Sie mit this direkt auf Formularelemente zugreifen (das aktuelle
Objekt ist ein Formularelement). Dann repräsentiert this bereits das Formularelement
selbst. Beispiel (kap8_5.html):
Listing 8.11■ Zugrif über this
...
<script type="text/javascript">
document.getElementsByClassName("ok")[0].onclick=function(){
alert( this.value );
};
</script>
</body>
</html>
Wenn der Anwender bei dem Webformular auf den Button klickt, steht dieser in der Event-
Methode über this zur Verfügung. Damit ist this.value die Beschritung des Buttons.
8.5.6■Die with()-Anweisung
Wenn Sie mehrere Anweisungen in Folge mit demselben Objekt ausführen wollen, können
Sie sich über die Anweisung with() ein wenig Schreibarbeit sparen. Über die folgende
Syntax sparen Sie die mehrfache Notation des Objekts: