Seleccionar todos los DIV

[SirDuque]

Hola chicos, estoy jugando con mostrar y ocultar DIV
con este famoso script:

Código Javascript:

function showDiv(quien) {
div = document.getElementById(quien);
if(div.style.display == 'block'){
div.style.display = 'none';
}else if(div.style.display == 'none'){
div.style.display = 'block';
};
}
 

Código HTML:

<form name="div">
<input type="button" value="hola" onClick="javascript:showDiv('div1');">
<div id="div1" style=" display:none">
</div>
</form>
 

Como tambien juego con PHP en una hoja creo muchisimos div y juego con este script

Código PHP:

 <form name="div">
<input type="button" value="<?php echo $p['nombre_fantasia']; ?>" onClick="javascript:showDiv('div<?php echo $divid;?>');"><div id="div<?php echo $divid; $divid++;?>" style=" display:none"></div>
</form>  

Bueno el tema es que ahora quiero mostrar todos los div al mismo tiempo para imprimir.. y buscando encontre algo con checkbox claro esto no son checkbox pero puedo utilizarlo el codigo lo saque de ak

y lo retoque un poquito con la funcion showDiv()....

Código Javascript:

function seleccionar_todo(){ 
   for (i=0;i<document.div.elements.length;i++) 
      if(document.div.elements[i].type == "div"){
         div    =   document.div.elements[i];
         if(div.style.display == 'none'){
         div.style.display = 'block';
        }
    }
}
 

La idea es recolectar todos los ID de los DIV y si estos tiene style.display == none cambiarlo a block.
Lamentablemente no funciona... y es por que no se nada de javascript

Me podrian dar una mano?

Gracias a todos.

[lubtufano]

Para obtener la referencia a todos lo <div>, o a cualquier otro elemento se puede usar el metodo document.getElementsByTagName('nombre_etiqueta'). Entonces en este caso se podria primero obtener la referencia a los <div> guardandola en una variable y despues recorrer las posiciones de esta con un bucle, mostrando todos los <div>. Una forma de hacerlo seria esta:

Código Javascript:

var tdivs= document.getElementsByTagName('div');
function mostrarTodos()
{
    for(i=0; i<tdivs.length; i++)
    {
        if(tdivs[i].style.display == 'none')
            tdivs[i].style.display= 'block';
    }
}
 

Luego solo se llama a la función mostrarTodos() con el botón.

Código Javascript:

<input type="button" onClick="javascript:mostrarTodos()">
 

Espero que esto te sirva de algo.

[SirDuque]

No solo me sirve, si no que me lo resolviste! gracias lubtufano!!!! +karma