<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="Beschreibung">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">fieldset</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Das <span class="literal">fieldset</span>-Objekt spiegelt das <span class="literal">fieldset</span>-Element wider. IE 5 f&uuml;r Macintosh implementiert die Client- und Bildlaufma&szlig;eigenschaften f&uuml;r dieses Objekt.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="htmlequivalent"><span class="title">HTML-&Auml;quivalent</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;fieldset&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Objektmodellreferenz</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>")</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificproperties"><span class="title">Objektspezifische Eigenschaften</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><tr><td><span class="literal">align</span></td><td><span class="literal">form</span></td><td><span class="literal">margin</span></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificmethods"><span class="title">Objektspezifische Methoden</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Keine.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificeventhandlerproperties"><span class="title">Objektspezifische Ereignisbehandlungsroutineneigenschaften</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Keine.</p>
					</td>
				</tr>
			</table>
		</div>
		<div id="accessKey">
							<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
								<tr><td valign="top" class="name">accessKey</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">nicht zutreffend</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span></td>
								</tr>
								<tr>
									<td valign="top" nowrap class="usage"><p class="literal"></p>
									</td><td valign="top" nowrap class="requirements"><span class="emphasis">Lesen/Schreiben</span></td>
								</tr>
								<tr>
									<td valign="top" colspan="2" class="description"><p>Dies ist eine einzelne Buchstabentaste, durch die ein Element (in manchen Browsern) den Fokus erh&auml;lt oder ein Formularsteuerelement bzw. eine Link-Aktion aktiviert wird. Der Browser und das Betriebssystem bestimmen, ob zusammen mit der Buchstabentaste eine Zusatztaste (wie <span class="emphasis">Strg</span>, <span class="emphasis">Alt</span> oder <span class="emphasis">Befehl</span>) gedr&uuml;ckt werden muss, damit der Link aktiviert wird. In IE f&uuml;r Windows ab Version 5 und Netscape 6 muss gleichzeitig die <span class="emphasis">Alt</span>-Taste gedr&uuml;ckt werden, und bei der Buchstabentaste wird nicht zwischen Gro&szlig;- und Kleinschreibung unterschieden. In IE f&uuml;r den Macintosh ab Version 5 und der Macintosh-Version von Netscape 6 funktioniert die Zugriffstaste nur in Verbindung mit der <span class="emphasis">Ctrl</span>-Taste.
				</p>
											</td>
										</tr>
										<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
										</tr>
										<tr>
											<td colspan="2"><p>Obwohl sie hier als gemeinsame Eigenschaft aufgef&uuml;hrt, wird sie streng genommen nicht in allen Implementierungen unterst&uuml;tzt. Netscape 6 (per W3C-DOM) erkennt diese Eigenschaft nur in Verbindung mit den folgenden Elementen: <span class="literal">a</span>, <span class="literal">area</span>, <span class="literal">button</span>, <span class="literal">input</span>, <span class="literal">label</span>, <span class="literal">legend</span> und <span class="literal">textarea</span>, IE 4 dar&uuml;ber hinaus f&uuml;r <span class="literal">applet</span>, <span class="literal">body</span>, <span class="literal">div</span>, <span class="literal">embed</span>, <span class="literal">isindex</span>, <span class="literal">marquee</span>, <span class="literal">object</span>, <span class="literal">select</span>, <span class="literal">span</span>, <span class="literal">table</span> und <span class="literal">td</span> (nicht jedoch f&uuml;r <span class="literal">label</span> und <span class="literal">legend</span>). IE 5 erkennt dieses Attribut in Verbindung mit allen darstellbaren Elementen, weist in diesem Zusammenhang jedoch eine Besonderheit auf: Au&szlig;er bei <span class="literal">input</span> und anderen formularbezogenen Elementen m&uuml;ssen Sie einem Element f&uuml;r IE ab Version 5 au&szlig;erdem ein <span class="literal">tabindex</span>-Attribut mit einem beliebigen Wert oder einen beliebigen <span class="literal">tabIndex</span>-Eigenschaftswert zuweisen, damit der Benutzer in der Lage ist, ihm mithilfe der Schnellzugriffstaste den Fokus zu &uuml;bergeben. In Netscape 7 hat eine &Auml;nderung des Eigenschaftswerts in einem Skript bisher keine Auswirkung auf das Verhalten der Benutzeroberfl&auml;che.
				</p>
											</td>
										</tr>
								<tr>
									<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
								</tr>
								<tr>
									<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td><span class="programlisting"><pre>document.links[3].accessKey = "n";</pre>
										</span></td>
								</tr>
								<tr>
									<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
								</tr>
								<tr>
									<td colspan="2"><p>Einzelnes alphanumerisches Zeichen (oder ein Satzzeichen).</p>
									</td>
								</tr>
								<tr>
									<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
								</tr>
								<tr>
									<td colspan="2"><p>Leere Zeichenfolge. </p>
									</td>
								</tr>
							</table>
		</div>
		<div id="align">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">align</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">nicht zutreffend</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">nicht zutreffend</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Lesen/Schreiben</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Definiert die horizontale Ausrichtung des Elements innerhalb des ihn umgebenden Containers. In IE 4 hat diese Eigenschaft in der Praxis nur wenig Auswirkungen auf das <span class="literal">fieldset</span>-Objekt oder seine Inhalte. W&auml;hrend sie in IE 6 fehlerhaft arbeitet, funktioniert sie in IE 5 f&uuml;r Macintosh wie erwartet.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("myFieldset").align = "center";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Eine der drei folgenden horizontalen Ausrichtungskonstanten: <span class="literal">center</span> | <span class="literal">left</span> | <span class="literal">right</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">left</span></p>
					</td>
				</tr>
			</table>
		</div>
		<div id="blur( )">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">blur( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>Entfernt den Fokus vom aktuellen Objekt und l&ouml;st damit das <span class="literal">onblur</span>-Ereignis des Objekts aus. Beachten Sie, dass die Palette der Elemente, die Fokus und Blur (Ereignisse und Methoden) unterst&uuml;tzen, in allen Browsern mit Ausnahme der neuesten Versionen von IE eingeschr&auml;nkt ist (weitere Informationen finden Sie in der Abhandlung des Attributs <span class="literal">tabindex</span> in Kapitel 8). Am zuverl&auml;ssigsten im Hinblick auf die R&uuml;ckw&auml;rtskompatibilit&auml;t funktioniert die Methode <span class="literal">blur( )</span> in Verbindung mit eindeutig fokusf&auml;higen Elementen wie Text-<span class="literal">input</span>- und <span class="literal">textarea</span>-Elementen. Die Zuweisung des Attributs <span class="literal">onfocus="this.blur( );"</span> zu einem Text-<span class="literal">input</span>-Element ist beispielsweise eine simple, aber effektive und r&uuml;ckw&auml;rtskompatible M&ouml;glichkeit, ein Feld f&uuml;r Browser zu deaktivieren, die keine eigene Funktion zum Deaktivieren von Elementen aufweisen.
		</p>
									</td>
								</tr>
								<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td colspan="2"><p>Verwenden Sie die Methoden <span class="literal">blur( )</span> und <span class="literal">focus( )</span> vorsichtig in ein- und derselben Seite, da hierbei durch eingeblendete Warndialogfelder versehentlich Blur- und Fokus-Endlosschleifen ausgel&ouml;st werden k&ouml;nnen. Denken Sie au&szlig;erdem daran, dass der Aufruf der Methode <span class="literal">blur( )</span> eines Objekts bewirkt, dass ein anderes Objekt (m&ouml;glicherweise das <span class="literal">window</span>-Objekt) ein <span class="literal">onfocus</span>-Ereignis empf&auml;ngt.
		</p>
									</td>
								</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="parameters"><span class="title">Parameter</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Keine.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="returnedvalue"><span class="title">Zur&uuml;ckgegebener Wert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Keiner.</p>
							</td>
						</tr>
					</table>
		</div>
		<div id="clientLeft, clientTop">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">clientLeft, clientTop</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">nicht zutreffend</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">nicht zutreffend</span></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Schreibgesch&uuml;tzt</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>Geben die linke und obere Koordinate des Elementinhalts innerhalb des Rechtecks bereit, das die Elementauff&uuml;llung enth&auml;lt, jedoch mit geringf&uuml;gigen Abweichungen bei den verschiedenen Betriebssystemversionen von IE. In IE f&uuml;r Macintosh nicht f&uuml;r alle Elementtypen verf&uuml;gbar. Weitere Informationen finden Sie in Abschnitt 9.2 am Anfang dieses Kapitels. Hilfreichere Informationen zur Positionierung von Inline-Elementen lassen sich im Allgemeinen &uuml;ber die Eigenschaften <span class="literal">offsetLeft</span> und <span class="literal">offsetTop</span> ermitteln (einschlie&szlig;lich Netscape 6). Bei CSS-positionierten Elementen verwenden Sie <span class="literal">style</span>-Objekteigenschaften wie <span class="literal">left</span> und <span class="literal">top</span> sowie (nur in IE) <span class="literal">pixelLeft</span> und <span class="literal">pixelTop</span> (auch zum &Auml;ndern der Position eines Elements).
		</p>
									</td>
								</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Ein Pixelwert als ganze Zahl.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p><span class="literal">0</span> </p>
							</td>
						</tr>
					</table>
		</div>
		<div id="clientHeight, clientWidth">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">clientHeight, clientWidth</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">7</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">nicht zutreffend</span></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Schreibgesch&uuml;tzt</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>Geben die H&ouml;he und Breite des Elementinhalts zur&uuml;ck, jedoch mit geringf&uuml;gigen Abweichungen hinsichtlich der Elementauff&uuml;llung bei den verschiedenen Betriebssystemversionen von IE und den verschiedenen von der <span class="literal">DOCTYPE</span>-Deklaration gesteuerten Kompatibilit&auml;tsmodi. In IE f&uuml;r Macintosh nicht f&uuml;r alle Elementtypen verf&uuml;gbar. Bei Netscape 7 sind die Werte Null, es sei denn, der Inhalt eines Elements ragt &uuml;ber den sichtbaren Bereich hinaus, in welchem Fall die Werte die Abmessungen des sichtbaren Bereichs (beim Element <span class="literal">document.body</span> beispielsweise den Inhaltsbereich des Browserfensters) angeben. Weitere Informationen finden Sie in Abschnitt 9.2 am Anfang dieses Kapitels.
		</p>
									</td>
								</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>var midHeight = document.body.clientHeight/2;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Ein Pixelwert als ganze Zahl.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p><span class="literal">0</span> </p>
							</td>
						</tr>
					</table>
		</div>
		<div id="filters[ ]">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">filters[ ]</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">nicht zutreffend</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">nicht zutreffend</span></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>Gibt ein Array aller <span class="literal">filter</span>-Objekte zur&uuml;ck, die im aktuellen Dokument enthalten sind. Gilt nur f&uuml;r die folgenden Elementobjekte: <span class="literal">bdo</span>, <span class="literal">body</span>, <span class="literal">button</span>, <span class="literal">div</span>, <span class="literal">fieldset</span>, <span class="literal">img</span>, <span class="literal">input</span>, <span class="literal">marquee</span>, <span class="literal">rt</span>, <span class="literal">ruby</span>, <span class="literal">span</span>, <span class="literal">table</span>, <span class="literal">td</span>, <span class="literal">textarea</span> und <span class="literal">th</span>. Informationen zur Referenzierungssyntax finden Sie in der Abhandlung des <span class="literal">filter</span>-Objekts.
		</p>
									</td>
								</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Array mit <span class="literal">filter</span>-Objektreferenzen.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Array mit einer L&auml;nge von Null.</p>
							</td>
						</tr>
					</table>
		</div>
		<div id="focus( )">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">focus( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>&Uuml;bergibt den Fokus an das aktuelle Objekt und l&ouml;st damit das <span class="literal">onfocus</span>-Ereignis des Objekts aus. Beachten Sie, dass die Palette der Elemente, die Fokus und Blur (Ereignisse und Methoden) unterst&uuml;tzen, in allen Browsern mit Ausnahme der neuesten Versionen von IE eingeschr&auml;nkt ist (weitere Informationen finden Sie in der Abhandlung des Attributs <span class="literal">tabindex</span> in Kapitel 8). Am zuverl&auml;ssigsten im Hinblick auf die R&uuml;ckw&auml;rtskompatibilit&auml;t funktioniert die Methode <span class="literal">focus( )</span> in Verbindung mit eindeutig fokusf&auml;higen Elementen wie Text-<span class="literal">input</span>- und <span class="literal">textarea</span>-Elementen.
		</p>
									</td>
								</tr>
								<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td colspan="2"><p>Um einem Textfeld den Fokus zuzuweisen und zugleich den in diesem Feld enthaltenen Text zu markieren, wenden Sie die Methoden <span class="literal">focus( )</span> und <span class="literal">select( )</span> nacheinander auf das Element an. Wenn dies unmittelbar nach einer Ver&auml;nderung im Fenster geschehen soll (z.B. nachdem ein Wardialogfeld geschlossen wurde), stellen Sie die beiden Methoden in eine separate Funktion und rufen Sie diese im Anschluss an die <span class="literal">alert( )</span>-Methode des Dialogfelds &uuml;ber die Methode <span class="literal">setTimeout( )</span> auf. Auf diese Weise k&ouml;nnen Sie gew&auml;hrleisten, dass IE/Windows die Anweisungen in der richtigen Reihenfolge ausf&uuml;hrt.
		</p>
									</td>
								</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="parameters"><span class="title">Parameter</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Keine. </p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="returnedvalue"><span class="title">Zur&uuml;ckgegebener Wert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Keiner.</p>
							</td>
						</tr>
					</table>
		</div>
		<div id="form">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">form</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE 5(Mac)/<span class="emphasis">6(Win)</span> DOM <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Schreibgesch&uuml;tzt</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Gibt eine Referenz auf das n&auml;chst&auml;u&szlig;ere <span class="literal">form</span>-Elementobjekt im Dokumentbaum zur&uuml;ck. Mehrere <span class="literal">fieldset</span>-Elementobjekte innerhalb desselben <span class="literal">form</span>-Elements verweisen auf dasselbe <span class="literal">form</span>-Elementobjekt.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var theForm = document.getElementById("myFieldset").form;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Referenz auf ein <span class="literal">form</span>- Elementobjekt.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Keiner.</p>
					</td>
				</tr>
			</table>
		</div><div id="margin">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">margin</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">nicht zutreffend</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">nicht zutreffend</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Schreibgesch&uuml;tzt</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Gibt eine ganze Zahl zur&uuml;ck, die vermutlich f&uuml;r eine Randeinstellung stehen soll. Dieses Element weist jedoch kein entsprechendes Attribut auf. Ignorieren Sie diese Eigenschaft.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Eine ganze Zahl.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">7</span></p>
					</td>
				</tr>
			</table>
		</div>
		<div id="scrollHeight, scrollWidth">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">scrollHeight, scrollWidth</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">7</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">nicht zutreffend</span></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Schreibgesch&uuml;tzt</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>Diese Eigenschaften wurden in IE 4 urspr&uuml;nglich f&uuml;r Elemente implementiert, die entweder selbst einen Bildlauf ausf&uuml;hren oder den Bildlauf eines Elements beeinflussen (<span class="literal">body</span>, <span class="literal">button</span>, <span class="literal">caption</span>, <span class="literal">div</span>, <span class="literal">fieldset</span>, <span class="literal">legend</span>, <span class="literal">marquee</span> und <span class="literal">textarea</span>), und geben die Abmessungen eines Elements in Pixeln zur&uuml;ck, auch wenn dieses gr&ouml;&szlig;er ist als der sichtbare Bereich des Browserfensters. Insofern unterscheiden sie sich von den Eigenschaften <span class="literal">clientHeight</span> und <span class="literal">clientWidth</span> f&uuml;r rollbare Elemente, die nur die Abmessungen sichtbarer Anteile des Elements zur&uuml;ckgeben. IE f&uuml;r den Macintosh interpretiert den Zweck der Bildlaufeigenschaften anders und gibt die Ma&szlig;e der sichtbaren Elementbereiche zur&uuml;ck.
		</p>
									</td>
								</tr>
								<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td colspan="2"><p>In IE f&uuml;r Windows weisen seit Version 5 alle HTML-Elemente diese Eigenschaften auf, und die Werte f&uuml;r nicht rollende Elemente sind mit denen der Eigenschaften <span class="literal">offsetHigh</span> und <span class="literal">offsetWidth</span> identisch. Netscape 7 implementiert diese Eigenschaften f&uuml;r alle Elemente und gibt die H&ouml;he und Breite des Elements zur&uuml;ck, unabh&auml;ngig davon, ob es sich innerhalb oder au&szlig;erhalb des sichtbaren Bereichs befindet. Wichtig ist hier, dass f&uuml;r Schl&uuml;sselelemente, wie z.B. <span class="literal">body</span>, die Eigenschaften unterschiedliche Dinge bedeuten und den plattform&uuml;bergreifenden Betrieb st&ouml;ren k&ouml;nnen.
		</p>
									</td>
								</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>var midPoint = document.body.scrollHeight/2;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Eine positive ganze Zahl oder Null.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Keine. </p>
							</td>
						</tr>
					</table>
				</div>

				<div id="scrollLeft, scrollTop">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">scrollLeft, scrollTop</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">7</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">nicht zutreffend</span></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Lesen/Schreiben</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>Stellt den Abstand in Pixeln zwischen dem tats&auml;chlichen linken oder oberen Rand des physischen Inhalts eines Elements und dem linken oder oberen Rand des sichtbaren Teils des Inhalts bereit. Durch Festlegen dieser Eigenschaften k&ouml;nnen Sie ein Skript verwenden, um den Bildlauf von Inhalten in einem rollbaren Container einstellen, z.B. einen Text in einem <span class="literal">textarea</span>-Element oder ein gesamtes Dokument in einem Browserfenster bzw. einem Frame. K&ouml;nnen die Inhalte nicht gerollt werden, sind beide Werte Null. Wenn Sie die Eigenschaft <span class="literal">scrollTop</span> beispielsweise auf 15 setzen, rollt das Dokument um 15 Pixel im Fenster nach oben; die Eigenschaft <span class="literal">scrollLeft</span> wird nicht beeinflusst, soweit sie nicht ausdr&uuml;cklich ge&auml;ndert wird. Die Eigenschaftswerte &auml;ndern sich, wenn der Benutzer die Bildlaufleisten anpasst. Dies ist f&uuml;r bestimmte ereignisgesteuerte Positionierungsaufgaben in IE f&uuml;r Windows von Bedeutung, da sich das Koordinatensystem f&uuml;r Ereignis-Offset-Messungen auf den sichtbaren Bereich einer Seite im Browserfenster bezieht. Sie m&uuml;ssen <span class="literal">document.body</span>-Bildlauffaktoren hinzuf&uuml;gen, um Ereigniskoordinaten an den Positionen der Body-Inhalte auszurichten (siehe das Beispiel zum Ziehen von Elementen in Kapitel 6). In IE f&uuml;r Windows ab Version 5 sind die Eigenschaften <span class="literal">scrollLeft</span> und <span class="literal">scrollTop</span> f&uuml;r alle HTML-Elementobjekte verf&uuml;gbar, nicht rollbare Elemente weisen jedoch f&uuml;r beide Eigenschaften den Wert Null auf.
		</p>
									</td>
								</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>document.body.scrollTop = 40;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Eine positive ganze Zahl oder Null.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p><span class="literal">0</span></p>
							</td>
						</tr>
					</table>
		</div>
		<div id="tabIndex">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">tabIndex</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Lesen/Schreiben</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>Dies ist eine Zahl, die die Position dieses Elements innerhalb der Tabulatorreihenfolge aller aktivierbaren Elemente im Dokument angibt. F&uuml;r die Tabulatorreihenfolge gelten sehr strenge Regeln. Elemente, deren <span class="literal">tabIndex</span>-Eigenschaften Werte (nicht Null) zugewiesen wurden, befinden sich in der Reihenfolge an erster Stelle, wenn ein Benutzer die Tabulatortaste auf einer Seite verwendet. Der Fokus beginnt bei dem Element mit dem niedrigsten <span class="literal">tabIndex</span>-Wert und folgt der Reihenfolge bis zum h&ouml;chsten Wert, unabh&auml;ngig von der physischen Position eines Objekts auf der Seite oder in einem Dokument. Falls zwei Elemente die gleichen <span class="literal">tabIndex</span>-Werte aufweisen, erh&auml;lt das Element, das zuerst im Dokument erscheint, auch zuerst den Fokus. Dann kommen alle Elemente, die entweder die Eigenschaft <span class="literal">tabIndex</span> nicht unterst&uuml;tzen oder deren Wert auf Null gesetzt ist. Diese Elemente werden in der Reihenfolge aktiviert, in der sie im Dokument angeordnet sind.
		</p>
									</td>
								</tr>
								<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td colspan="2"><p>Im W3C-DOM und in Netscape 6 ist die Eigenschaft <span class="literal">tabIndex</span> auf folgende Elementobjekte beschr&auml;nkt: <span class="literal">a</span>, <span class="literal">area</span>, <span class="literal">button</span>, <span class="literal">input</span>, <span class="literal">object</span>, <span class="literal">select</span> und <span class="literal">textarea</span>. IE 4 unterst&uuml;tzt es dar&uuml;ber hinaus f&uuml;r die Elemente <span class="literal">applet</span>, <span class="literal">body</span>, <span class="literal">div</span>, <span class="literal">embed</span>, <span class="literal">isindex</span>, <span class="literal">marquee</span>, <span class="literal">span</span>, <span class="literal">table</span> und <span class="literal">td</span>. IE 5 erkennt dieses Attribut in Verbindung mit allen darstellbaren Elementen. Ein negativer Wert entfernt ein Element (nur in IE) vollst&auml;ndig aus der Tabulatorreihenfolge.
		</p>
									</td>
								</tr>
								<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td colspan="2"><p>Da Hyperlinks und Anker in der Mac-Version von IE 4 nicht &uuml;ber die Tabulatortaste zu erreichen sind, wird die Eigenschaft <span class="literal">tabIndex</span> bei <span class="literal">a</span>-Elementen in dieser Version ignoriert.
		</p>
									</td>
								</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>document.getElementById("link3").tabIndex = 6;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Eine ganze Zahl.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p><span class="literal">0</span> </p>
							</td>
						</tr>
					</table>
		</div>

<div id="focus( )">

			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">focus( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>&Uuml;bergibt den Fokus an das aktuelle Objekt und l&ouml;st damit das <span class="literal">onfocus</span>-Ereignis des Objekts aus. Beachten Sie, dass die Palette der Elemente, die Fokus und Blur (Ereignisse und Methoden) unterst&uuml;tzen, in allen Browsern mit Ausnahme der neuesten Versionen von IE eingeschr&auml;nkt ist (weitere Informationen finden Sie in der Abhandlung des Attributs <span class="literal">tabindex</span> in Kapitel 8). Am zuverl&auml;ssigsten im Hinblick auf die R&uuml;ckw&auml;rtskompatibilit&auml;t funktioniert die Methode <span class="literal">focus( )</span> in Verbindung mit eindeutig fokusf&auml;higen Elementen wie Text-<span class="literal">input</span>- und <span class="literal">textarea</span>-Elementen.
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td colspan="2"><p>Um einem Textfeld den Fokus zuzuweisen und zugleich den in diesem Feld enthaltenen Text zu markieren, wenden Sie die Methoden <span class="literal">focus( )</span> und <span class="literal">select( )</span> nacheinander auf das Element an. Wenn dies unmittelbar nach einer Ver&auml;nderung im Fenster geschehen soll (z.&#160;B. nachdem ein Wardialogfeld geschlossen wurde), stellen Sie die beiden Methoden in eine separate Funktion und rufen Sie diese im Anschluss an die <span class="literal">alert( )</span>-Methode des Dialogfelds &uuml;ber die Methode <span class="literal">setTimeout( )</span> auf. Auf diese Weise k&ouml;nnen Sie gew&auml;hrleisten, dass IE/Windows die Anweisungen in der richtigen Reihenfolge ausf&uuml;hrt.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameter</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Keine. </p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Zur&uuml;ckgegebener Wert</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Keiner.</p>
					</td>
				</tr>
			</table>
		</div>
</body>
</html>