miércoles, 4 de junio de 2014

Modificar estilo CSS con JavaScript

Como bien sabemos el lenguaje para darle estilo al HTML se llama CSS. También debemos saber que una vez que hemos diseñado una página web con HTML+CSS y tiene una hoja de estilo fija de CSS, ese código se puede cambiar a nuestro antojo con scripts de JavaScript, sin tener que hacer una nueva hoja de estilo de CSS.

Así pues este código HTML+CSS:
<html>
 <head>
  <title>JavaScript y CSS</title>
  <style type="text/css">
      #divUno { 
        width: 200px; 
        height: 200px;
        background-color: #ff0000;
      }
  </style>
 </head>
 <body>
  
</body> </html>

Y estre otro código HTML+JavaScript:
<html>
 <head>
  <title>JavaScript y CSS</title>
  
 </head>
 <body>
  
</body> </html>

Obtendran el mismo resultado: un cuadrado rojo de 200x200 con fondo rojo.


Con JavaScript se puede acceder a todas las propiedades CSS de un objeto.
Un saludo.

No hay comentarios:

Publicar un comentario