@alterebro

Como obtener y establecer valores en las propiedades CSS de elementos HTML. Para obtener un valor se le pasan 2 parámetros a la funcion que son el nodo html (node) y la propiedad (rule). En el caso de establecer un nuevo valor hay que añadir un nuevo parámetro que seria ese nuevo valor de la propiedad a cambiar (value).

var  CSS = {
  setStyle : function(node,rule,value) {
    if(typeof(node)=="string")  node = document.getElementById(node)
      node.style[rule] = value
    },
  getStyle : function(node,rule){
    if(typeof(node)=="string")  node = document.getElementById(node)
    if(rule=="width") return CSS.getW(node)
    else if(rule=="height") return CSS.getH(node)
    else {
      if (window.getComputedStyle) return window.getComputedStyle(node, null)[rule]
      else return node.currentStyle[rule]
    }
  },
  getH : function(node){
    if(typeof(node)=="string")  node = document.getElementById(node)
    return node.offsetHeight;
  },
  getW : function(node){
    if(typeof(node)=="string")  node = document.getElementById(node)
    return node.offsetWidth
  }
}

Etiquetas: cross browser, css, html, javascript