Foros del Web » Programando para Internet » Javascript »

Como cambiad el ID por CLASS?

Estas en el tema de Como cambiad el ID por CLASS? en el foro de Javascript en Foros del Web. Hola, tengo el siguiente javascript Código: function muestra_oculta(id){ if (document.getElementById){ //se obtiene el id var el = document.getElementById(id); //se define la variable "el" igual a ...
  #1 (permalink)  
Antiguo 17/07/2018, 09:44
 
Fecha de Ingreso: agosto-2014
Mensajes: 248
Antigüedad: 4 años, 3 meses
Puntos: 4
Pregunta Como cambiad el ID por CLASS?

Hola, tengo el siguiente javascript

Código:
function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('contenido');/* "contenido_a_mostrar" es el nombre que le dimos al DIV */
}


y hace referencia al div id="contenido" y necesito usarlo en 3 divs, por lo cual necesito hacer referencia a class="contenido" y no tengo idea de como lograrlo..

Muchas Gracias
  #2 (permalink)  
Antiguo 17/07/2018, 10:54
 
Fecha de Ingreso: noviembre-2015
Mensajes: 230
Antigüedad: 3 años
Puntos: 85
Respuesta: Como cambiad el ID por CLASS?

En lugar de usar getElementById, puedes usar querySelectorAll o getElementsByClassName
  #3 (permalink)  
Antiguo 17/07/2018, 11:20
 
Fecha de Ingreso: agosto-2014
Mensajes: 248
Antigüedad: 4 años, 3 meses
Puntos: 4
Respuesta: Como cambiad el ID por CLASS?

Hola y muchas gracias :)

Acabo de ponerlo de este modo, pero no me funciona..


function muestra_oculta(id){
if (document.getElementsByClassName){ //se obtiene el id
var el = document.getElementsByClassName(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('contenido');/* "contenido_a_mostrar" es el nombre que le dimos al DIV */
}
  #4 (permalink)  
Antiguo 17/07/2018, 16:32
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.875
Antigüedad: 10 años, 3 meses
Puntos: 2152
Respuesta: Como cambiad el ID por CLASS?

getElementsByClassName te devuelve un conjunto de objetos, debes acceder a cada uno, revisa el ejemplo aquí: https://www.w3schools.com/jsref/met_...yclassname.asp
__________________
- León, Guanajuato
- GV-Foto



La zona horaria es GMT -6. Ahora son las 08:00.