Cambiar propiedades a css con js

pabloturchi · #1 (**permalink**) 13/03/2008, 22:01

Hola a todos. Noi se siesto es para el foro de css o pa<ra el de js asi que aqui voy:
tengo una tabla a la que quiero en algun momento ocuoltarle ciertas columnas. Para eso pense en ponerle alasceldas de las columnas una clase. Por ejemplo <td class="seveono">texto</td>
Cuando decida ocultarlas, tengo que acceder a la clase css y cambiar el atributo display:none por display:''
Hago esto porque si bien puedo hacerlo por document.getElementById(... etc, como son muchas celdas no resulta practico.
Alguien sabe si se puede cambiar atributos de css desde js??? nPero los definidos en las clases, por ejemplo:
.seveono { display:none }

desde ya muchas gracias.

JavierB · #2 (**permalink**) 14/03/2008, 01:44

Hola pabloturchi

A ver si este página te sirve de ayuda:

Leer Css

Saludos,

pabloturchi · #3 (**permalink**) 14/03/2008, 06:09

Gracias, lo lei y es muy interesante. Ahora lo tengo que volver a leer mas detenidamente porque es mas largo el camino de lo que crei.
Gracias.

pabloturchi · #4 (**permalink**) 14/03/2008, 10:44

Hola de nuevo. Lo estuve leyendo y esta buenisimo. Solo me queda una duda. Ese articulo supone que tengo las reglas CSS en una hoja separada por eso pone styleSheets[0], pero en realidad las reglas de css (esas y pocas mas) las tengo en la propia pagina que la esta usando, ya que es la unica que lo usa. Sabes como cambio esa parte???? Gracias desde ya.

JavierB · #5 (**permalink**) 14/03/2008, 11:10

Hola de nuevo.

No tienes que cambiar nada. Prueba este ejemplo:

Código PHP:

  <html>
<head>
<style type="text/css">
body {color:green}
p {font-size:1em}
.pepe {background: yellow; border: 1px solid red; color:silver}
</style>
<script type="text/javascript">
function cambiarPropiedad(regla,propi,valor) {
  if (document.all)
    miRegla = document.styleSheets[0].rules;
  else
    miRegla = document.styleSheets[0].cssRules;
  for (i=0; reg=miRegla[i]; i++)
    if (reg.selectorText.toLowerCase() == regla.toLowerCase() )
      reg.style[propi]=valor;
}
</script>
</head>
<body>
<p class="pepe">Párrafo de pepe</p>
<p class="paco">Párrafo de paco</p>
<p class="pepe">Párrafo de pepe</p>
<input type="button" onclick="cambiarPropiedad('.pepe','color','red')" />
</body>
</html>

Saludos,

pabloturchi · #6 (**permalink**) 14/03/2008, 16:45

Excelente JavierB !!!!!! Grande Maestro !!!!!!! Muchisimas gracias !!!!!!!!!!!