Java Reference
In-Depth Information
sowohl zu lesen als auch zu schreiben. Auf ein Beispiel wird verzichtet, da wir in den letzten
Beispielen bereits mit
value
gearbeitet haben und wir uns dem Thema Formulare sowieso
noch einmal genauer widmen.
8.6.3■Zugrif auf klassische HTML-Attribute
Die per DOM verfügbaren Elemente verfügen in der Regel über die gleichen Eigenschaten,
die als Attribute bei dem zugrunde liegenden HTML-Tag vorhanden sind. Dazu kommen
noch einige globale Eigenschaten wie
style
oder die Eventhandler. Dementsprechend ver-
fügt auch ein DOM-Objekt, das so ein Bild in der Webseite repräsentiert, über diese Eigen-
schaten. Indem Sie die Namen der Eigenschaten angeben, können Sie lesend und meist
auch schreibend darauf zugreifen. Beispiel
(kap8_7.html):
Listing 8.14■
Zugrif auf klassische HTML-Attribute
...
<body>
<h1>Zugriff auf klassische HTML-Attribute über DOM</h1>
<table><tr><td><img src="images/b5.jpg"
alt="Eislaufen in den Weinbergen" width="200" /></td>
<td id="info" width="200"></td></tr></table>
<button id="b1">Groß</button><button id="b2">Klein</button>
<button id="b3">Neues Bild</button><button id="b4">Altes Bild</button>
<script type="text/javascript">
with (document) {
getElementsByTagName("img")[0].onmouseover = function() {
getElementById("info").innerHTML =
getElementsByTagName("img")[0].alt;
};
getElementsByTagName("img")[0].onmouseout = function() {
getElementById("info").innerHTML = "";
};
getElementsByTagName("img")[0].onclick = function() {
getElementById("info").innerHTML =
getElementsByTagName("img")[0].src;
};
getElementById("b1").onclick = function() {
getElementsByTagName("img")[0].width = "400";
};
getElementById("b2").onclick = function() {
getElementsByTagName("img")[0].width = "200";
};
getElementById("b3").onclick = function() {
getElementsByTagName("img")[0].src = "images/b6.jpg";
getElementsByTagName("img")[0].alt = "Kater im Korb";
};
getElementById("b4").onclick = function() {
getElementsByTagName("img")[0].src = "images/b5.jpg";
getElementsByTagName("img")[0].alt = "Eislaufen in den Weinbergen";
};
}
</script>
</body>
</html>
Search WWH ::
Custom Search