Foros del Web » Programando para Internet » Javascript »

Tomar las propiedades de un selector CSS con JS

Estas en el tema de Tomar las propiedades de un selector CSS con JS en el foro de Javascript en Foros del Web. Estuve investigando en la web pero no encontre nada similar, asi que seguramente la pregunta es arriesgada: ¿Es posible tomar el valor de una propiedad ...
  #1 (permalink)  
Antiguo 21/02/2011, 12:51
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 20 años, 1 mes
Puntos: 7
Tomar las propiedades de un selector CSS con JS

Estuve investigando en la web pero no encontre nada similar, asi que seguramente la pregunta es arriesgada: ¿Es posible tomar el valor de una propiedad en un selector, dentro de un archivo CSS?

O sea, si dentro de un archivo CSS tengo esto:

Código HTML:
.nav1 {
          background-position: -276px 0;
}

.nav2 {
          background-position: -414px 0;
}
Poder tomar el "background-position" de cualquiera de los selectores .navX con JS.

Primero tengo el problema que no se como cargar el CSS en JS, ya que no se maneja como un XML y segundo, luego de cargado, no tengo claro como llegar al selector, porque "getElementsByTagName" no es una opcion. ¿Alguna sugerencia?
__________________
JuniHH
- Mi blog
- Mi portafolio
  #2 (permalink)  
Antiguo 21/02/2011, 13:17
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 15 años, 10 meses
Puntos: 528
Respuesta: Tomar las propiedades de un selector CSS con JS

el css no se carga en javascript, se carga desde el html.
Ya cargado, con javascript puedes hacer que un elemento cambie de una clase css a otra (definda en el archivo css) o bien darle nuevos atributos, así como también es posible leerlos, por ejemplo con document.getElementById('mielemento').style.backgr oundPosition;
Cabe mencionar que las propiedades css que tienen guion medio cambian para usarse en js, como el ejemplo que mencioné: background-position -> backgroundPosition
  #3 (permalink)  
Antiguo 21/02/2011, 13:25
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 20 años, 1 mes
Puntos: 7
Respuesta: Tomar las propiedades de un selector CSS con JS

Realmente eso lo conozco y aunque tarde, luego de dejar la pregunta recorde que podia cargar el CSS como texto a traves de ajax, el problema es que luego de cargado el archivo como llegar hasta el selector que me interesa.

De hecho, aun estado el CSS dentro del propio HTML, queda abierta la cuestion de como llegar hasta el selector.
__________________
JuniHH
- Mi blog
- Mi portafolio
  #4 (permalink)  
Antiguo 21/02/2011, 13:35
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 14 años, 11 meses
Puntos: 1485
Respuesta: Tomar las propiedades de un selector CSS con JS

buenas...

si, es posible porque es parte del DOM. revisa el siguiente material de JavierB, http://www.telefonica.net/web2/blas-mar/leercss.html

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #5 (permalink)  
Antiguo 21/02/2011, 13:53
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 20 años, 1 mes
Puntos: 7
Respuesta: Tomar las propiedades de un selector CSS con JS

Gracias por el enlace @zerokilled. Estoy preparando una libreria propia en JS y pense en esa posibilidad para aplicar valores sin tener que mirar el CSS.
__________________
JuniHH
- Mi blog
- Mi portafolio

Etiquetas: css, js, propiedades, selector, tomar
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 11:04.