[SOLUCIONADO] document.getElementById aplicar a class="" ?

[yopmail]

Hola, mi intención es que un mismo script afecte a mas de un div, se me acudió que en vez de apuntarlo a un "ID" que apunte a un "CLASS" pero no se si es posible hacer eso con javascript?

El codigo que tengo es el siguiente:

document.getElementById("etiquetaclasss").style.di splay = "none";

Hay forma de que ID: etiquetaclasss sea CLASS ?

No se si me explico.. cualquier ayuda se agradece !!

+1

[Trublux]

Usa:

Código Javascript:

document.getElementsByClassName("clase");
 

[yopmail]

Muchisimas Gracias! Pero creo que hago algo mal, lo pongo de este modo:

document.getElementsByClassName("etiquetaclass").s tyle.display = "none";

pero no me hace la función..

Iniciado por Trublux

Usa:

Código Javascript:

document.getElementsByClassName("clase");
 

[yopmail]

Muchisimas Gracias! Pero creo que hago algo mal, lo pongo de este modo:

Código HTML:

 document.getElementsByClassName("etiquetaclass").style.display = "none";

pero no me hace la función..

[yopmail]

Pongo el codio completo por si eso ayuda..

Código PHP:

  <script type="text/javascript">
var now = new Date();
switch(now.getDay()){
    case 0: case 5:  case 6:
        document.getElementsByClassName("etiquetaclass").style.display = "none";
        break;
}
</script>  
  

[Alexis88]

Cuando tomas elementos por su clase, se selecciona una lista de nodos, por lo que no es posible aplicar dicha propiedad de esa manera a todos los elementos seleccionados. Necesitas utilizar un bucle para aplicar la propiedad en cada elemento.

Código Javascript:

[].forEach.call(document.querySelectorAll(".etiquetaclass"), function(elemento){
    elemento.style.display = "none";
});
 

Y para que no tengas problemas en navegadores antiguos con el uso de los métodos forEach y querySelectorAll, implementa estos dos algoritmos al inicio de tu archivo JS.

• Para forEach.
• Para querySelectorAll.

Saludos

[yopmail]

Muchisimas Gracias! Funciona de maravilla! +1 y disculpa por no haber podido escribir antes!

Iniciado por Alexis88

Cuando tomas elementos por su clase, se selecciona una lista de nodos, por lo que no es posible aplicar dicha propiedad de esa manera a todos los elementos seleccionados. Necesitas utilizar un bucle para aplicar la propiedad en cada elemento.

Código Javascript:

[].forEach.call(document.querySelectorAll(".etiquetaclass"), function(elemento){
    elemento.style.display = "none";
});
 

Y para que no tengas problemas en navegadores antiguos con el uso de los métodos forEach y querySelectorAll, implementa estos dos algoritmos al inicio de tu archivo JS.

• Para forEach.
• Para querySelectorAll.

Saludos