Utilizar "GetElemenBy" con elemento "Class"

[husseincak]

Iniciado por danny_

Para acceder a dichas etiquetas tienes la opcion de utlizar el método querySelectorAll(); Dentro de sus parametros simplemente tienes que poner la ruta css y éste apuntará hacia los elementos que tu le indiques y asi acceder al DOM de tu documento.

Échale un ojito a ésto es muy útil está función [URL="https://developer.mozilla.org/es/docs/DOM/Document.querySelectorAll"]https://developer.mozilla.org/es/docs/DOM/Document.querySelectorAll[/URL]

Ajám, el problema es que no se como implementarlo :S
¿Sería algo así?:

Código Javascript:

function minimizar(nombre_capa){
document.querySelectorAll(nombre_capa).style.display="none";
}
 

Código HTML:

<input name="imagefield" type="image" src="images/botones/menos.button.png" onclick="minimizar("div.max1, div.max2")" class="menos"/>
 
<div class="max1">
</div>
<div class="max2">
 

<----------------------------------------------------------------------------------------------------->

Iniciado por carlos_belisario

pudieras hacer algo como esto

Código Javascript:

var myDivs = document.getElementByClassName('myClass');
for (var i = 0; i < myDivs.length; i++) {
    var actualDiv = myDivs[i];
    actualDiv.style.display = "none"; //o el block cuando es para mostrar                
}
 

imagino que le puede servir cuando lo hace con el querySelectorAll ya que ambas funciones devuelven un NodeList, saludos

Lo he implementado de la siguiente manera, pero no me sale:

Código Javascript:

function minimizar(nombre_capa){
var myDivs = document.getElementByClassName(nombre_capa);
for (var i = 0; i < myDivs.length; i++) {
var actualDiv = myDivs[i];
actualDiv.style.display = "none"; //o el block cuando es para mostrar 
}
}
 

Y luego en el html he puesto:

Código HTML:

<input name="imagefield" type="image" src="images/botones/menos.button.png" onclick="minimizar('max1')" class="menos"/>
 
<div class="max1">
Recuadro a reducir
</div>