Foros del Web » Programando para Internet » Javascript »

Acceder a elemento del estilo de un DIV

Estas en el tema de Acceder a elemento del estilo de un DIV en el foro de Javascript en Foros del Web. Hola: Me gustaría saber como acceder con JavaScript al elemento "top" del estilo de un div. Es decir, Teniendo este CSS: .a { position:absolute; top:50px; ...
  #1 (permalink)  
Antiguo 10/07/2011, 15:22
 
Fecha de Ingreso: marzo-2011
Mensajes: 29
Antigüedad: 13 años, 9 meses
Puntos: 0
Acceder a elemento del estilo de un DIV

Hola:
Me gustaría saber como acceder con JavaScript al elemento "top" del estilo de un div.
Es decir,
Teniendo este CSS:
.a {
position:absolute;
top:50px;
left:100px;
overflow:hidden;
}

Esto en el body:
<div id='a' class='a'>

Y este js:
a = document.getElementById('a');

¿Cómo podría hacer en JS para acceder al top o left del div?
Porque no me va ni a.top, ni a.style.top.

Gracias!
  #2 (permalink)  
Antiguo 10/07/2011, 16:10
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 4 meses
Puntos: 1532
Respuesta: Acceder a elemento del estilo de un DIV

a.style.top;

si no te aparece nada puede ser que estés ejecutando el script cuado el DOM no se ha cargado todavía
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 10/07/2011, 16:38
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años, 6 meses
Puntos: 834
Respuesta: Acceder a elemento del estilo de un DIV

Una aclaración:
La siguiente sintaxis:
Código PHP:
referenciaElemento.style.propiedadCSS 
Es válida cuando el estilo es definido mediante el atributo style. Cuando es definido de otra manera hay que obtenerlo de los estilos computados:
Código PHP:
function getCSS(o,prop){
    if(
window.getComputedStyle){//STANDARD
        
return document.defaultView.getComputedStyle(o,null).getPropertyValue(prop); 
    }else{ 
//Explorer
        
var re = /(-([a-z]){1})/g
        if (
prop == 'float'prop 'styleFloat'
        if (
re.test(prop)) { 
            
prop prop.replace(re, function () { 
                return 
arguments[2].toUpperCase(); 
            }); 
        } 
        return 
o.currentStyle[prop] ? o.currentStyle[prop] : null
    } 
}  
//ejemplo de uso:
alert(getCSS(document.getElementById('pp'),'top')); 
  #4 (permalink)  
Antiguo 14/07/2011, 23:10
 
Fecha de Ingreso: mayo-2011
Ubicación: sinaloa
Mensajes: 150
Antigüedad: 13 años, 7 meses
Puntos: 4
Respuesta: Acceder a elemento del estilo de un DIV

acabo de hacer una pregunta parecida.
teniendo la libreria jquery...
function nom_funcion(){
var tope=$('.a').css('top')
alert('valor del tope '+tope)
}

Etiquetas: css
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:26.