style  

Unterobjekt von: all
Unterobjekte: -
Eigenschaften:
  • (alle)
Methoden:

Hinweise

Angesprochen werden die Elemente analog zu document.all (siehe getAttribute(), removeAttribute(), setAttribute()), es wird statt der Eigenschaft oder Methode des all- Objects einfach style notiert, gefolgt von Eigenschaft oder Methode des style- Objects:

jetztfarbe = document.all.mein_el.style.color; // Eigenschaft lesen
document.all.mein_el.style.color = "ffffff";   // Eigenschaft setzen
document.all.mein_el.style.setAttribute("color","ffffff","false");
// Methode anwenden
padleft2terheader3 = document.all.tags("h3")[1].style.paddingLeft;
// Ansprechen mit Nummer

CSS-Angaben, welche aus mehreren Wörtern bestehen, werden zusammengefasst und am Anfang grossgeschrieben (ausser erstes Wort):

CSS-ANGABE             IN JAVASCRIPT
background-color       backgroundColor
font-family            fontFamily
font-size              fontSize
font-style             fontStyle
font-weight            fontWeight
text-decoration        textDecoration
border-top-width       borderTopWidth
border-left-style      borderLeftStyle
(usw.)

Bei hexadezimalen Farbdefinitionen werden die Gatterzeichen weggelassen (z.B. ffcc33 statt #ffcc33)!



Methoden



getAttribute() (CSS-Angabe ermitteln)

Erwartet zwei Parameter, Attribut & true oder false für Beachten/ Nichtbeachten von Gross-/ Kleinschreibung.

Bsp.: document.all.mein_element.style.getAttribute("color","false");


removeAttribute() (CSS-Angabe entfernen)

Erwartet zwei Parameter, Attribut & true oder false für Beachten/ Nichtbeachten von Gross-/ Kleinschreibung.

Bsp.: document.all.mein_element.style.removeAttribute("color","false");

(Entfernt die Style-Sheet-Angabe zur Farbe beim Element mit der id "mein_element")



setAttribute() (CSS-Angabe einfügen)

Erwartet drei Parameter: Attribut, gewünschter Wert & true oder false für Beachten/ Nichtbeachten von Gross-/ Kleinschreibung.

Bsp.:
document.all.mein_el.style.setAttribute("color","ffffff","false");
document.all.mein_el.style.color = "ffffff"; // identisch

Einführung in Javascript: Objektreferenz: style