Java Reference
In-Depth Information
8.5.3■Zugrif über den Elementnamen - getElementsByTagname()
Wenn Sie auf ein Element einer Webseite über
document.getElementsByTagName()
bzw. im
Fall der allgemeinen
node
-Methode
4
[knoten]
.getElementsByTagName()
zugreifen, geben
Sie im String-Parameter einfach den Namen des gewünschten Tags an. Allerdings müssen
Sie noch einen Index angeben, da auch die Methode ein Array als Rückgabewert liefert.
Beispiel:
Listing 8.8■
Zugrif auf das elte Eingabefeld in der Webseite
document.getElementsByTagName("input")[10]
Um auch dieses Zugrifsverfahren über den Elementnamen bzw. Tag-Namen in der Praxis
zu zeigen, modiizieren wir wieder unser Beispiel mit dem Webformular
(kap8_3.html):
Listing 8.9■
Zugrif über den Tag-Namen
...
<script type="text/javascript">
document.getElementsByTagName("input")[2]
.onclick=function(){
alert(
document.getElementsByTagName("input")[0]
.value + "\n" +
document.getElementsByTagName("input")[1]
.value);
};
</script>
</body>
</html>
Wie Sie sehen, erfolgt der Zugrif im Skript über
getElementsByTagName()
und den Namen
für die Eingabeelemente in einem Formular -
input
. Das dritte Element dieses Typs steht
für die Schaltläche, das erste für den Benutzer und das zweite für das Passwortfeld.
8.5.4■Zugrif über die Klasse
Im Rahmen von CSS setzen Sie sehr häuig Klassen ein. Und diese Klassen kann man - wie
auch IDs - multifunktional verwenden. Im Internet Explorer konnten Sie dies schon
geraume Zeit über eine proprietäre Technik machen, aber mittlerweile ist die Methode
get-
ElementsByClassName()
im Rahmen von DOM5 bzw. HTML5 standardisiert worden, die ein
Array mit Elementen gleichen Klassennamens liefert. Sofern es sich um einen neuen Brow-
ser handelt, sollten Sie also auch so auf DOM-Elemente zugreifen können
(kap8_4.html):
Listing 8.10■
Zugrif über den Klassennamen
...
<form>
<input name="user"
class="userid"
/> User<br/>
<input type="password"
class="passwort"
/> Passwort<br/>
<input type="button" value="OK"
class="ok"
/>
</form>
4
Das nutzt man etwa bei XML. Auch bei der Webprogrammierung wird das häuig verwendet, wenn man etwa
XML-Daten bei einer AJAX-Anfrage erhält.
Search WWH ::
Custom Search