JS - pasar variable a una clase de css. duda

fcosun · #1 (**permalink**) 12/05/2012, 18:16

hola tengo el siguiente codigo, valida un estado segun el estado es el resultado que da, dependiendo resultado es la variable que llama a la clase del css.

aca el codigo, no me resulta. la linea 30

Código HTML:

Ver original<html>
    <script type="text/javascript"> 
    var numero1 = 10;
    var numero2 = 20;
    var miclase = "";
    
    if(numero1>numero2){
        miclase = "bien";
    }
    else
    {
        miclase = "error";
    }   
    </script>
<head>
 
    <style>
    .bien{
        background: blue;   
    }
    
    .error{
        background: orange; 
    }
    </style>
 
<body>
    
    
<div class="<script>miclase</script>">
    Esto es una prueba
</div>
    
 
 
</body>
</head>
</html>

maycolalvarez · #2 (**permalink**) 12/05/2012, 18:42

Para empezar el bloque style debe de ir dentro del bloque head, no entre el head y body

No puedes incluir una variable javascript de esa forma!, javascript no manipula salida de esa manera, debes de asignar la clase por medio del DOM, detectando primero el DOM cargado (puede que dentro del evento onload del body), va siendo hora de que consulte un manual de javascript y manejo del DOM.

Tu código sería funcional si se tratase de un script del lado del servidor, recuerda que javascript es del lado del cliente