div | NN 6 IE 4 DOM 1 | ||||
Das div-Objekt spiegelt das div-Element wider. Dieses Element erstellt ein Element auf Blockebene, das oftmals für die Elementpositionierung oder Container-Gruppierung von mehreren verwandten Elementen verwendet wird. In der Windows-Version von IE 4 sind die client- und bildlaufspezifischen Eigenschaften nicht verfügbar, es sei denn, das Stilattribut position des div-Elements ist auf absolute gesetzt. Die Client- und Bildlaufeigenschaften sind in IE für den Macintosh aktiv. |
|||||
HTML-Äquivalent | |||||
<div> |
|||||
Objektmodellreferenz | |||||
[window.]document.getElementById("elementID")
|
|||||
Objektspezifische Eigenschaften | |||||
|
|||||
Objektspezifische Methoden | |||||
Keine. |
|||||
Objektspezifische Ereignisbehandlungsroutineneigenschaften | |||||
Keine. |
align | NN 6 IE 4 DOM 1 |
Lesen/Schreiben | |
Definiert die horizontale Ausrichtung von Inhalten innerhalb eines Elementbereichs. Sofern nicht anderweitig eingeschränkt, entspricht die Breite des Bereichs der Breite des nächstäußersten Positionierungskontexts (in der Regel also des body-Elements). |
|
Beispiel | |
document.getElementById("myDIV").align = "center"; |
|
Wert | |
Eine der drei folgenden horizontalen Ausrichtungskonstanten: center | left | right. |
|
Standardwert | |
left |
blur( ) | NN 2 IE 3 DOM 1 |
Entfernt den Fokus vom aktuellen Objekt und löst damit das onblur-Ereignis des Objekts aus. Beachten Sie, dass die Palette der Elemente, die Fokus und Blur (Ereignisse und Methoden) unterstützen, in allen Browsern mit Ausnahme der neuesten Versionen von IE eingeschränkt ist (weitere Informationen finden Sie in der Abhandlung des Attributs tabindex in Kapitel 8). Am zuverlässigsten im Hinblick auf die Rückwärtskompatibilität funktioniert die Methode blur( ) in Verbindung mit eindeutig fokusfähigen Elementen wie Text-input- und textarea-Elementen. Die Zuweisung des Attributs onfocus="this.blur( );" zu einem Text-input-Element ist beispielsweise eine simple, aber effektive und rückwärtskompatible Möglichkeit, ein Feld für Browser zu deaktivieren, die keine eigene Funktion zum Deaktivieren von Elementen aufweisen. |
|
Verwenden Sie die Methoden blur( ) und focus( ) vorsichtig in ein- und derselben Seite, da hierbei durch eingeblendete Warndialogfelder versehentlich Blur- und Fokus-Endlosschleifen ausgelöst werden können. Denken Sie außerdem daran, dass der Aufruf der Methode blur( ) eines Objekts bewirkt, dass ein anderes Objekt (möglicherweise das window-Objekt) ein onfocus-Ereignis empfängt. |
|
Parameter | |
Keine. |
|
Zurückgegebener Wert | |
Keiner. |
clientLeft, clientTop | NN nicht zutreffend IE 4 DOM nicht zutreffend |
Schreibgeschützt | |
Geben die linke und obere Koordinate des Elementinhalts innerhalb des Rechtecks bereit, das die Elementauffüllung enthält, jedoch mit geringfügigen Abweichungen bei den verschiedenen Betriebssystemversionen von IE. In IE für Macintosh nicht für alle Elementtypen verfügbar. Weitere Informationen finden Sie in Abschnitt 9.2 am Anfang dieses Kapitels. Hilfreichere Informationen zur Positionierung von Inline-Elementen lassen sich im Allgemeinen über die Eigenschaften offsetLeft und offsetTop ermitteln (einschließlich Netscape 6). Bei CSS-positionierten Elementen verwenden Sie style-Objekteigenschaften wie left und top sowie (nur in IE) pixelLeft und pixelTop (auch zum Ändern der Position eines Elements). |
|
Wert | |
Ein Pixelwert als ganze Zahl. |
|
Standardwert | |
0 |
clientHeight, clientWidth | NN 7 IE 4 DOM nicht zutreffend |
Schreibgeschützt | |
Geben die Höhe und Breite des Elementinhalts zurück, jedoch mit geringfügigen Abweichungen hinsichtlich der Elementauffüllung bei den verschiedenen Betriebssystemversionen von IE und den verschiedenen von der DOCTYPE-Deklaration gesteuerten Kompatibilitätsmodi. In IE für Macintosh nicht für alle Elementtypen verfügbar. Bei Netscape 7 sind die Werte Null, es sei denn, der Inhalt eines Elements ragt über den sichtbaren Bereich hinaus, in welchem Fall die Werte die Abmessungen des sichtbaren Bereichs (beim Element document.body beispielsweise den Inhaltsbereich des Browserfensters) angeben. Weitere Informationen finden Sie in Abschnitt 9.2 am Anfang dieses Kapitels. |
|
Beispiel | |
var midHeight = document.body.clientHeight/2; |
|
Wert | |
Ein Pixelwert als ganze Zahl. |
|
Standardwert | |
0 |
contentEditable | NN nicht zutreffend IE 5.5(Win) DOM nicht zutreffend |
Lesen/Schreiben | |
Bestimmt, ob der Benutzer das Element mithilfe der Inhaltsbearbeitungsfunktionen von IE für Windows bearbeiten kann. Die vom Benutzer vorgenommenen Änderungen werden auf dem Server nur mit dessen Hilfe gespeichert, in der Regel dadurch, dass die modifizierten Inhalte von einem clientseitigen Skript erfasst und in einem Formular übertragen werden. Das Skript sollte die Darstellung eines Elements (Rahmen, Hintergrundfarbe usw.) beim Wechsel in den Bearbeitungsmodus ändern, damit der Benutzer erkennen kann, dass eine Bearbeitung möglich ist. Standardmäßig erben alle Child-Elemente die Bearbeitungsmoduseinstellungen eines Elements. Ein ausführliches Beispiel hierzu finden Sie in der Abhandlung der Ereignisbehandlungsroutine onmove in Kapitel 10. |
|
Beispiel | |
document.getElementById("elementID").contentEditable = "true";
|
|
Wert | |
Zeichenfolgenkonstante: false | inherit | true. |
|
Standardwert | |
inherit |
dataFld | NN nicht zutreffend IE 4 DOM nicht zutreffend |
Lesen/Schreiben | |
Wird in IE für die Datenbindung verwendet, um den Spaltennamen einer Remote-Datenquelle den Inhalten eines div-Elements zuzuweisen. Für das Element muss außerdem das Attribut datasrc gesetzt sein. Wenn sowohl dataFld als auch dataSrc auf eine leere Zeichenfolge gesetzt wird, wird die Bindung zwischen dem Element und der Datenquelle unterbrochen. Funktioniert in IE 5/Mac nur mit Textdateien als Datenquellen. |
|
Beispiel | |
document.getElementById("myDiv").dataFld = "comment"; |
|
Wert | |
Von der Groß-/Kleinschreibung abhängiger Bezeichner der Datenquellenspalte. |
|
Standardwert | |
Keiner. |
dataFormatAs | NN nicht zutreffend IE 4 DOM nicht zutreffend |
Lesen/Schreiben | |
Wird in IE für die Datenbindung verwendet. Diese Eigenschaft weist den Browser an, ob das von der Datenquelle kommende Quellenmaterial als reiner Text oder als HTML-Code mit Tags behandelt werden soll. |
|
Beispiel | |
document.getElementById("myDiv").dataFormatAs = "text"; |
|
Wert | |
Zeichenfolgenkonstanten: text | html. |
|
Standardwert | |
text |
dataSrc | NN nicht zutreffend IE 4 DOM nicht zutreffend |
Lesen/Schreiben | |
Wird in IE für die Datenbindung verwendet, um den Bezeichner des object-Elements der Seite anzugeben, das das Datenquellenobjekt für den Remote-Datenzugriff lädt. Der Inhalt der Datenquelle wird mit dem datafld-Attribut angegeben. Wenn sowohl dataFld als auch dataSrc auf eine leere Zeichenfolge gesetzt wird, wird die Bindung zwischen dem Element und der Datenquelle unterbrochen. |
|
Beispiel | |
document.getElementById("myDiv").dataSrc = "DBSRC3"; |
|
Wert | |
Von der Groß-/Kleinschreibung abhängiger Bezeichner der Datenquelle. |
|
Standardwert | |
Keiner. |
filters[ ] | NN nicht zutreffend IE 4 DOM nicht zutreffend |
Gibt ein Array aller filter-Objekte zurück, die im aktuellen Dokument enthalten sind. Gilt nur für die folgenden Elementobjekte: bdo, body, button, div, fieldset, img, input, marquee, rt, ruby, span, table, td, textarea und th. Informationen zur Referenzierungssyntax finden Sie in der Abhandlung des filter-Objekts. |
|
Wert | |
Array mit filter-Objektreferenzen. |
|
Standardwert | |
Array mit einer Länge von Null. |
focus( ) | NN 2 IE 3 DOM 1 |
Übergibt den Fokus an das aktuelle Objekt und löst damit das onfocus-Ereignis des Objekts aus. Beachten Sie, dass die Palette der Elemente, die Fokus und Blur (Ereignisse und Methoden) unterstützen, in allen Browsern mit Ausnahme der neuesten Versionen von IE eingeschränkt ist (weitere Informationen finden Sie in der Abhandlung des Attributs tabindex in Kapitel 8). Am zuverlässigsten im Hinblick auf die Rückwärtskompatibilität funktioniert die Methode focus( ) in Verbindung mit eindeutig fokusfähigen Elementen wie Text-input- und textarea-Elementen. |
|
Um einem Textfeld den Fokus zuzuweisen und zugleich den in diesem Feld enthaltenen Text zu markieren, wenden Sie die Methoden focus( ) und select( ) nacheinander auf das Element an. Wenn dies unmittelbar nach einer Verä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 alert( )-Methode des Dialogfelds über die Methode setTimeout( ) auf. Auf diese Weise können Sie gewährleisten, dass IE/Windows die Anweisungen in der richtigen Reihenfolge ausführt. |
|
Parameter | |
Keine. |
|
Zurückgegebener Wert | |
Keiner. |
noWrap | NN nicht zutreffend IE 4 DOM nicht zutreffend |
Lesen/Schreiben | |
Legt fest, ob der Browser das Element so breit darstellen soll, wie es notwendig ist, damit eine Textzeile, die nicht umbrochen werden soll, in eine Zeile passt. Eine falsche Einstellung für dieses Attribut kann dazu führen, dass ein großer horizontaler Bildlauf durchgeführt werden muss, um den gesamten Inhalt anzuzeigen. Das entsprechende Attribut wird nicht mehr verwendet. |
|
Beispiel | |
document.getElementById("wideDiv").noWrap = "true"; |
|
Wert | |
Boolescher Wert: true | false. |
|
Standardwert | |
false |
scrollHeight, scrollWidth | NN 7 IE 4 DOM nicht zutreffend |
Schreibgeschützt | |
Diese Eigenschaften wurden in IE 4 ursprünglich für Elemente implementiert, die entweder selbst einen Bildlauf ausführen oder den Bildlauf eines Elements beeinflussen (body, button, caption, div, fieldset, legend, marquee und textarea), und geben die Abmessungen eines Elements in Pixeln zurück, auch wenn dieses größer ist als der sichtbare Bereich des Browserfensters. Insofern unterscheiden sie sich von den Eigenschaften clientHeight und clientWidth für rollbare Elemente, die nur die Abmessungen sichtbarer Anteile des Elements zurückgeben. IE für den Macintosh interpretiert den Zweck der Bildlaufeigenschaften anders und gibt die Maße der sichtbaren Elementbereiche zurück. |
|
In IE für Windows weisen seit Version 5 alle HTML-Elemente diese Eigenschaften auf, und die Werte für nicht rollende Elemente sind mit denen der Eigenschaften offsetHigh und offsetWidth identisch. Netscape 7 implementiert diese Eigenschaften für alle Elemente und gibt die Höhe und Breite des Elements zurück, unabhängig davon, ob es sich innerhalb oder außerhalb des sichtbaren Bereichs befindet. Wichtig ist hier, dass für Schlüsselelemente, wie z. B. body, die Eigenschaften unterschiedliche Dinge bedeuten und den plattformübergreifenden Betrieb stören können. |
|
Beispiel | |
var midPoint = document.body.scrollHeight/2; |
|
Wert | |
Eine positive ganze Zahl oder Null. |
|
Standardwert | |
Keine. |
scrollLeft, scrollTop | NN 7 IE 4 DOM nicht zutreffend |
Lesen/Schreiben | |
Stellt den Abstand in Pixeln zwischen dem tatsä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önnen Sie ein Skript verwenden, um den Bildlauf von Inhalten in einem rollbaren Container einstellen, z. B. einen Text in einem textarea-Element oder ein gesamtes Dokument in einem Browserfenster bzw. einem Frame. Können die Inhalte nicht gerollt werden, sind beide Werte Null. Wenn Sie die Eigenschaft scrollTop beispielsweise auf 15 setzen, rollt das Dokument um 15 Pixel im Fenster nach oben; die Eigenschaft scrollLeft wird nicht beeinflusst, soweit sie nicht ausdrücklich geändert wird. Die Eigenschaftswerte ändern sich, wenn der Benutzer die Bildlaufleisten anpasst. Dies ist für bestimmte ereignisgesteuerte Positionierungsaufgaben in IE für Windows von Bedeutung, da sich das Koordinatensystem für Ereignis-Offset-Messungen auf den sichtbaren Bereich einer Seite im Browserfenster bezieht. Sie müssen document.body-Bildlauffaktoren hinzufügen, um Ereigniskoordinaten an den Positionen der Body-Inhalte auszurichten (siehe das Beispiel zum Ziehen von Elementen in Kapitel 6). In IE für Windows ab Version 5 sind die Eigenschaften scrollLeft und scrollTop für alle HTML-Elementobjekte verfügbar, nicht rollbare Elemente weisen jedoch für beide Eigenschaften den Wert Null auf. |
|
Beispiel | |
document.body.scrollTop = 40; |
|
Wert | |
Eine positive ganze Zahl oder Null. |
|
Standardwert | |
0 |
focus( ) | NN 2 IE 3 DOM 1 |
Übergibt den Fokus an das aktuelle Objekt und löst damit das onfocus-Ereignis des Objekts aus. Beachten Sie, dass die Palette der Elemente, die Fokus und Blur (Ereignisse und Methoden) unterstützen, in allen Browsern mit Ausnahme der neuesten Versionen von IE eingeschränkt ist (weitere Informationen finden Sie in der Abhandlung des Attributs tabindex in Kapitel 8). Am zuverlässigsten im Hinblick auf die Rückwärtskompatibilität funktioniert die Methode focus( ) in Verbindung mit eindeutig fokusfähigen Elementen wie Text-input- und textarea-Elementen. |
|
Um einem Textfeld den Fokus zuzuweisen und zugleich den in diesem Feld enthaltenen Text zu markieren, wenden Sie die Methoden focus( ) und select( ) nacheinander auf das Element an. Wenn dies unmittelbar nach einer Verä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 alert( )-Methode des Dialogfelds über die Methode setTimeout( ) auf. Auf diese Weise können Sie gewährleisten, dass IE/Windows die Anweisungen in der richtigen Reihenfolge ausführt. |
|
Parameter | |
Keine. |
|
Zurückgegebener Wert | |
Keiner. |