JavaScript: runtimeStyle
Das clientseitigeruntimeStyle
-Objekt stellt Style-Definitionen dar, die die Style-Definitionen des Objekts überschreiben.Das Objekt besitzt alle Style-Eigenschaften.
Das folgende Beispiel soll den Unterschied zwischen den Objekten
style
, runtimeStyle
und currentStyle
verdeutlichen:
<style>
DIV.a {color:red;}
</style>
<div style="color: blue;" id="div1"> ... </div>
<div id="div2" class="a"> ... </div>
<div style="color: green;" class="a" id="div3"> ... </div>
<script language="JavaScript">
<!--
// document.all.div1.style.color == ''
// document.all.div1.currentStyle.color == 'red'
// document.all.div1.runtimeStyle.color == ''
// document.all.div2.style.color == 'blue'
// document.all.div2.currentStyle.color == 'blue'
// document.all.div2.runtimeStyle.color == ''
document.all.div3.runtimeStyle.color = 'yellow';
// document.all.div3.style.color == 'green'
// document.all.div3.currentStyle.color == 'yellow'
// document.all.div3.runtimeStyle.color == 'yellow'
//-->
</script>
Eigenschaften
onOffBehavior
Die onOffBehavior
-Eigenschaft gibt einen booleschen Wert aus, der besagt, ob eine DirectAnimation läuft (true
) oder nicht (false
).
Notation: Objekt.onOffBehavior
Kein Beispiel.
Methoden
getAttribute
Die getAttribute
-Methode sucht nach einer Eigenschaft und gibt deren Wert aus. Als Parameter wird dazu der Name der Eigenschaft erwartet. Optional kann als zweiter Parameter eine der folgenden Zahlen oder deren durch Addition ergebene Kombination übergeben werden:
- 0 - Normale Suche.
- 1 - Auf Groß- und Kleinschreibung achten.
- 2 - Resultat wird exakt so zurückgegeben, wie es definiert wurde (Schreibung) und wird nicht vom Interpreter formatiert.
Notation: Objekt.getAttribute(
Name [,
Suche])
a = document.meinElement.runtimeStyle.getAttribute('position',3);
getExpression
Die getExpression
-Methode gibt den Ausdruck einer Eigenschaft wieder. Dazu muss der Name der Eigenschaft als String-Wert übergeben werden.
Notation: Objekt.getExpression(
Name)
a = document.meinElement.runtimeStyle.getExpression('width');
removeAttribute
Die removeAttribute
-Methode entfernt ein Attribut des Objekts. Als Parameter wird der Name des zu entfernenden Attributes erwartet. Optional kann eine Zahl übergeben werden. Diese beschreibt, ob auf Groß- und Kleinschreibung geachtet werden soll (1
/ Standard) oder nicht (0
). Die Methode gibt true
aus, wenn das Attribut erfolgreich entfernt wurde - ansonsten false
.
Notation: Objekt.removeAttribute(
Name [,
Schreibung])
document.meinElement.runtimeStyle.removeAttribute('position');
removeExpression
Die removeExpression
-Methode entfernt einen Ausdruck. Als Wert wird dazu der Name des zu entfernenden Ausdrucks erwartet. Die Methode gibt true
aus, wenn der Ausdruck erfolgreich entfernt wurde - ansonsten false
.
Notation: Objekt.removeExpression(
Name)
document.meinElement.runtimeStyle.removeExpression('position');
setAttribute
Die setAttribute
-Methode setzt den Wert einer Eigenschaft. Als Parameter werden dazu der Name sowie der entsprechende Wert (in dieser Reihenfolge) erwartet. Optional kann ein dritter Parameter übergeben werden. Dieser besagt entweder, dass eine eventuell bestehende Eigenschaft überschrieben werden soll (0
) oder eben nicht (1
).
Notation: Objekt.setAttribute(
Name,
Wert [,
Überschreiben])
document.meinElement.runtimeStyle.setAttribute('position',
'absolute',1);
setExpression
Die setExpression
-Methode setzt einen Ausdruck. Als Werte werden dazu der Name der zu setzenden Eigenschaft sowie der entsprechende Ausdruck erwartet (in dieser Reihenfolge). Optional kann als dritter Parameter die verwendete Skriptsprache angegeben werden (JScript
, JavaScript
oder VBScript
).
Notation: Objekt.setExpression(
Name,
Wert [,
Sprache])
document.meinElement.runtimeStyle.setExpression('position',
'machwas()',
'JavaScript');
Du arbeitest in einer Agentur oder als Freelancer?
Dann wirf doch mal einen Blick auf unsere Software FeatValue.
Über uns

Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project