Javascript y Css

[Ddsdone]

Tengo la siguiente duda, es posible seleccionar una clase de ccs con un code javascript?

esta es mi base para la idea

Código CSS:

#prueba {...}
 

Código Javascript:

<script>
var tocarunaid = document.getElementById("prueba ");
</script>
 

(esto funciona para tocar id pero seria posible tocar un class?)

Código CSS:

.prueba {...}
 

Código Javascript:

<script>
var tocarunaclass = document.getElementByClass("prueba "); 
</script>
 

Existe algo asi?

[IsaBelM]

busca información sobre querySelector() o querySelectorAll()

[PHPeros]

La función se llama getElementsByClassName()... es de los métodos más básicos del DOM

[IsaBelM]

Iniciado por PHPeros

La función se llama getElementsByClassName()... es de los métodos más básicos del DOM

es un método desfasado. tan desfasado, que la mdn ni tan siquiera se ha molestado en publicar un polyfill para versiones antiguas de ie

[Ddsdone]

pero funciona? lo testie con esto y no me funco

[Ddsdone]

http://jsfiddle.net/6rrwxq70/

[Alexis88]

El detalle está en que el método getElementsByClassName, devuelve un conjunto de nodos, por lo que no es posible aplicar directamente el cambio de estilo al conjunto completo. Necesitas iterarlo y aplicarlo a cada uno de los elementos recogidos.

Código Javascript:

var code = document.getElementsByClassName("code1"),
    btcode = document.getElementById("btcode");
 
btcode.addEventListener("click", function () {
    for (var i = 0, total = code.length; i < total; i++){
        code[i].style.width = code[i].style.width == "100px" ? "200px" : "100px";
    }
}, false);
 

Lo mismo ocurriría si utilizas el método querySelectorAll que acertadamente te recomendó utilizar IsaBelM, en especial porque IE8 ofrece soporte para dicho método y no para el que estás usando. Y si quieres utilizarlo en versiones anteriores a IE8, implementa esto al inicio de tu archivo JS.

Saludos