Obtener / Establecer valores de propiedad CSS a través de Javascript: preguntas
Algunas cosas no están claras para mí:
var myDiv = document.getElementById("myDiv");
var computedStyle = window.getComputedStyle(myDiv);
1) ¿No es posible obtener directamente el color de borde global de una división si solo hay un color, el mismo para cada lado?
computedStyle.getPropertyValue("border-color");
En lugar de hacer:
computedStyle.getPropertyValue("border-left-color");
O
computedStyle.getPropertyValue("border-right-color");
O
computedStyle.getPropertyValue("border-top-color");
...
2) Cuando se tienen propiedades de estilo en un archivo CSS, solo se puede acceder a ellas a través del método getComputedStyle y no a través de la propiedad de estilo, como las propiedades de estilo definidas en línea, a través de un atributo de estilo en el div, ¿verdad?
myDiv.style.getPropertyValue("border-left-color");
Esto no funcionará.
3) Si queremos establecer una propiedad de estilo, tenemos que usar el atributo de estilo del elemento, ¿no es posible usar el objeto de estilo computado?
computedStyle.setProperty("border-color", "yellowgreen", null);
Pensé que usar el atributo de estilo era la "forma antigua de hacerlo", como usar el atributo de estilo en línea o usar object.style.property = "value" para establecer una propiedad de estilo en Javascript.
Gracias.
jsFiddle:http://jsfiddle.net/pgtFR/12/