Asignar id a Divs

[dalfeju]

Supongamos que tengo varios Divs que tienen en común la clase "caja"

Código HTML:

<div class="caja">...</div>
<div class="caja">...</div>
<div class="caja">...</div>
<div class="caja">...</div>
<div class="caja">...</div>
 

Cómo hago para asignarles un id a todos sin tener que hacerlo manualmente, es decir:

Código HTML:

<div class="caja" id="caja-1">...</div>
<div class="caja" id="caja-2">...</div>
<div class="caja" id="caja-3">...</div>
<div class="caja" id="caja-4">...</div>
<div class="caja" id="caja-5">...</div>
 

¿qué script tocaría emplear?

[zerokilled]

buenas,
puedes usar getElementsByClassName para obtener todos los elementos por clase. solo que iexplorer no renoce aun dicha función; en iexplorer8 y anteriores no existe, en iexplorer9 no tengo idea. de todos modos, es fácil crear una función similar. en el foro y la web existen varios ejemplos. luego el resto es iterar la colección para asignarle el ID.

[dalfeju]

No sé si te referías a algo como esto, pues andó a las mil maravillas...

Código Javascript:

<script type="text/javascript">
function cajas(){
    var all = document.getElementsByClassName('caja');
    for(i=0; i<all.length; i++)
        all[i].id = 'caja-'+(i+1);
}
</script>
 

...pero como decías, ni en IE8 ni en IE9 funcionó
¿Existe algún otro método que sea soportado por este navegador?

[dalfeju]

Ya lo solucioné utilizando document.getElementsByTagName('*')
Gracias por la ayuda, saludos! : )