CSS-Eigenschaftswerte über Javascript abrufen / festlegen: Fragen
Einige Dinge sind mir unklar:
var myDiv = document.getElementById("myDiv");
var computedStyle = window.getComputedStyle(myDiv);
1) Ist es nicht möglich, die globale Rahmenfarbe eines Div direkt zu erhalten, wenn es nur eine Farbe gibt, die für jede Seite gleich ist:
computedStyle.getPropertyValue("border-color");
Anstatt zu tun:
computedStyle.getPropertyValue("border-left-color");
ODER
computedStyle.getPropertyValue("border-right-color");
ODER
computedStyle.getPropertyValue("border-top-color");
...
2) Wenn Sie Stileigenschaften in einer CSS-Datei haben, können Sie nur über die Methode getComputedStyle und nicht über die Stileigenschaft wie inline definierte Stileigenschaften über ein Stilattribut im div darauf zugreifen.
myDiv.style.getPropertyValue("border-left-color");
Das wird nicht funktionieren.
3) Wenn wir eine Stileigenschaft festlegen möchten, müssen wir das Stilattribut des Elements verwenden. Ist es nicht möglich, das berechnete Stilobjekt zu verwenden?
computedStyle.setProperty("border-color", "yellowgreen", null);
Ich dachte, dass die Verwendung des style-Attributs die "alte Methode" ist, wie die Verwendung des inline style-Attributs oder die Verwendung von object.style.property = "value", um eine style-Eigenschaft in Javascript festzulegen.
Vielen Dank.
jsFiddle:http://jsfiddle.net/pgtFR/12/