Selector a css

Ddsdone · #1 (**permalink**) 03/06/2014, 12:19

Como puedo seleccionar y editar un "class" de css ?

Tengo entendido que con

Código Javascript:

Ver originaldocument.getElementById("x");

sepuede seleccionar un cssy editarlo.

Italico76 · #2 (**permalink**) 03/06/2014, 12:48

Puedes claro.. cambiar el style, class...

Un ejemplo:

Código Javascript:

Ver original<html>
<head>
    <link href="estilo1.css" rel="stylesheet" type="text/css" id="linkestilos"/>
    
    <script language="JavaScript">
        function cambiarEstilo()
        {
            estilo = document.getElementById('linkestilos');            
            
            if (estilo.getAttribute('href')=='estilo1.css')                 
                estilo.setAttribute('href','estilo2.css');
            else
                estilo.setAttribute('href','estilo1.css');          
            
        }       
    </script>
    
</head>
<body>
    <p class="especial">Este párrafo debería tener texto especial verde</p>
    <p><input type="button" name="Submit" value="Cambiar estilo" onclick="cambiarEstilo()"/></p>
</body>
</html>

Ddsdone · #3 (**permalink**) 03/06/2014, 18:05

Bien entendi el codigo, pero me referia a un selector ya predeterminado solo un code.

Código Javascript:

Ver originaldocument.getElementById

Algo asi

Código Javascript:

Ver originaldocument.getElementByClass

Italico76 · #4 (**permalink**) 03/06/2014, 18:11

Parecido:

Cita:

var elems = document.getElementsByClassName('especial'); // devuelve un arreglo, por eso es plural el nombre la funcion ;)
elems[0].setAttribute('class','nuevo_nombre');