Element.style

Resumen

Devuelve un objeto que representa el atributo style del elemento.

Ejemplo

var div = document.getElementById("div1");
div.style.marginTop = ".25in";

Notas

Ya que la propiedad style tiene la misma (y m谩s alta) prioridad en la cascada CSS que las declaraciones in-line hechas mediante el atributo style, resulta muy 煤til para establecer el estilo en un elemento espec铆fico. 

Sin embargo, no resulta 煤til para aprender acerca del estilo original de un elemento, ya que representa s贸lo la declaraci贸n CSS en el atributo style in-line y no aquellos atributos que vienen de alguna otra parte, como las declaraciones en la secci贸n <head> o en hojas de estilo.

Para recoger los valores de todas las propiedades CSS de un elemento, deber铆as usar window.getComputedStyle en su lugar.

Mira la lista de Propiedades CSS del DOM (DOM CSS Properties List) para tener una lista completa de las propiedades CSS que est谩n disponibles en el Gecko DOM.

Generalmente es mejor usarla propiedad style que usar elt.setAttribute('style', '...'), ya que el uso de la propiedad style no reemplazar谩 otras propiedades CSS que puedan especificarse en el atributo style.

Los estilos no pueden establecerse asignando una cadena a la propiedad (solo lectura) style, como en elt.style = "color: blue;". Esto es porque el atributo style devuelve un objeto del tipo CSSStyleDeclaration. En su lugar, pueds establecer las propiedades como:

elt.style.color = "blue";  // Asignaci贸n directa

var st = elt.style;
st.color = "blue";  // Asignaci贸n Indirecta

El siguiente c贸digo presenta los nombres de todas las propiedades style, los valores se establecen de forma expl铆cita para los elementos elt y sus valores heredados: 

var elt = document.getElementById("elementIdHere");
var out = "";
var st = elt.style;
var cs = window.getComputedStyle(elt, null);
for (x in st)
  out += "  " + x + " = '" + st[x] + "' > '" + cs[x] + "'\n";

 

Especificaci贸n

DOM Level 2 Style: ElementCSSInlineStyle.style