Foros del Web » Programando para Internet » Javascript »

ocultar los div que contengan una clase

Estas en el tema de ocultar los div que contengan una clase en el foro de Javascript en Foros del Web. Es posible ocultar capas que contengan la misma clase, hasta ahora solo lo hacia con id pero necesito ocultar varios....
  #1 (permalink)  
Antiguo 26/09/2013, 07:52
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 3 meses
Puntos: 10
ocultar los div que contengan una clase

Es posible ocultar capas que contengan la misma clase, hasta ahora solo lo hacia con id pero necesito ocultar varios.
  #2 (permalink)  
Antiguo 26/09/2013, 07:57
Avatar de dAvidcA  
Fecha de Ingreso: septiembre-2009
Ubicación: /home/dev/
Mensajes: 73
Antigüedad: 14 años, 7 meses
Puntos: 7
Respuesta: ocultar los div que contengan una clase

Hola zaz, existe la opción en JavaScript getElementByClass:

Código Javascript:
Ver original
  1. document.getElementByClass("className").style.display="none";

O si usas JQuery:

Código Javascript:
Ver original
  1. $( ".myclass" ).hide();

Saludos.
  #3 (permalink)  
Antiguo 26/09/2013, 08:04
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Exclamación Respuesta: ocultar los div que contengan una clase

Cita:
Iniciado por dAvidcA Ver Mensaje
Hola zaz, existe la opción en JavaScript getElementByClass:

Código Javascript:
Ver original
  1. document.getElementByClass("className").style.display="none";
Recuerda que las clases no funcionan como identificador general, sino como algo grupal así que puede haber más elementos con esa misma clase y devuelve siempre array --> getElementsbyClassName()[index]

Saludos!

Última edición por PHPeros; 26/09/2013 a las 08:28
  #4 (permalink)  
Antiguo 26/09/2013, 08:33
Avatar de dAvidcA  
Fecha de Ingreso: septiembre-2009
Ubicación: /home/dev/
Mensajes: 73
Antigüedad: 14 años, 7 meses
Puntos: 7
Respuesta: ocultar los div que contengan una clase

Si PHPeros, tienes razón, devuelve un Array, por lo que sería así:

Código Javascript:
Ver original
  1. var elements = document.getElementsByClassName("nombreClase");
  2. for(var i=0; i<elements.length; i++)
  3.     elements[i].style.display = 'none';

Saludos.

Etiquetas: clase
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:50.