Como cambiad el ID por CLASS?

[yopmail]

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

[mpozo]

En lugar de usar getElementById, puedes usar querySelectorAll o getElementsByClassName

[yopmail]

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 */
}

[Triby]

getElementsByClassName te devuelve un conjunto de objetos, debes acceder a cada uno, revisa el ejemplo aquí: https://www.w3schools.com/jsref/met_...yclassname.asp