XML DOM - CSS2Properties-Objekt

Das CSS2Properties-Objekt ist eine Sammlung aller CSS2-Attribute und deren Werte.

Beschreibung des CSS2Properties-Objekts

Das CSS2Properties-Objekt stellt eine Gruppe von CSS-Stilattributen und ihren Werten dar. Es definiert für jedes CSS-Attribut, das in der CSS-Spezifikation definiert ist, ein JavaScript-Attribut.

Die style-Eigenschaft eines HTMLElement ist ein lesbares und schreibbares CSS2Properties-Objekt, ähnlich wie die style-Eigenschaft eines CSSStyleRule-Objekts. Allerdings sind die Attribute des von Window.getComputedStyle() zurückgegebenen CSS2Properties-Objekts schreibgeschützt.

Eigenschaften des CSS2Properties-Objekts

cssText-Eigenschaft

Die cssText-Eigenschaft ist eine Textdarstellung einer Gruppe von Stilattributen und ihren Werten. Dieser Text wird formatiert zu einer CSS-Stilübersicht, wobei die Klammern um die Selektoren der Attribute und Werte entfernt werden.

Das Setzen dieses Attributs auf einen ungültigen Wert löst einen Fehler mit dem Code SYNTAX_ERR aus. DOMException AusnahmeWenn das CSS2Properties-Objekt schreibgeschützt ist, wird beim Versuch, diese Eigenschaft zu setzen, ein Fehler mit dem Code NO_MODIFICATION_ALLOWED_ERR ausgelöst. DOMException Ausnahme.

mit CSS-Attributen korrespondierende Attribute

Außer dem cssText-Attribut hat das CSS2Properties-Objekt auch für jedes von dem Browser unterstützen CSS-Attribut einen eigenen Objektattribut. Diese Attributnamen entsprechen eng den CSS-Attributnamen, aber einige Änderungen wurden vorgenommen, um Syntaxfehler in JavaScript zu vermeiden. Mehrwort-Attribute mit Bindestrichen (wie font-family) haben in JavaScript keine Bindestriche, sondern jedes Wort beginnt mit einem großen Buchstaben (wie fontFamily). Außerdem ist der Attributname float mit dem Reservewort float kollidiert und wird daher in cssFloat umgewandelt.

und die CSS2-Spezifikation definierten jeden Attribut entsprechenden CSS2Properties-Attributnamen in style Objekt Referenzhandbuchaufgeführt. Bitte beachten Sie, dass einige Browser nicht alle CSS-Attribute unterstützen und daher möglicherweise nicht alle aufgelisteten Attribute unterstützen. Da diese Attribute direkt auf CSS-Attribute verweisen, können Sie auch das von CodeW3C.com bereitgestellte CSS Referenzhandbuch, um ihre Bedeutung und gültigen Werte zu sehen.

Verwandte Seiten

HTML DOM Referenzhandbuch:Style Objekt

Referenzhandbuch:CSS Referenzhandbuch