@alterebro

Obtener y establecer los valores CSS de nodos HTML.

jueves, septiembre 08, 2005 @16:39

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: , , ,

0 comentarios

Publicar un comentario

Suscribirse a Enviar comentarios [Atom]