contar objetos

[dieguicho]

hola amigosss

tengo algo asi

<div id="perro1">hola</div>
<div id="perro2">hola</div>
<div id="perro3">hola</div>

y....

<div id="gato1">hola</div>
<div id="gato2">hola</div>

de que manera podria saber cuantos perro hay
y cuantos gato
pense inventar atributos
<div id="perro3" categoria="perros">hola</div>

y contar los que tienen ese atributo inventado..
pero... no se cuan efectivo puede ser...
me recomiendan otra opcion?

saludos!

[abuenog]

Hola, que tal.

Lo que sí puede utilizar es el atributo class para agruparlos:

<div class="perro">hola</div>
<div class="perro">hola</div>
<div class="perro">hola</div>

Luego puedes recogerlos así:

<script>

var el = document.getElementsByTagName("div")
var perros= new Array()
for (var i=0; i<el.length; i++)
{
if (el[i].className=="perro")
perros[perros.length]= el[i]
}

</script>

Espero te sirva de ayuda.

Saludos

[caricatos]

Hola dieguicho y abuenog:

La pena es que no funcione bien en explorer getElementsByName, y lo asocie al atributo id porque es la respuesta (usar un atributo name común)...

La respuesta que propone abuenog creo que es buena, aunque también tendría que funcionar con atributos inventados. Pero en ese caso sería mejor usar getAttribute...

<div catego="perro">hola</div>
<div catego="perro">hola</div>
<div catego="perro">hola</div>

Luego puedes recogerlos así:

<script>

var el = document.getElementsByTagName("div")
var perros= new Array()
for (var i=0; i<el.length; i++)
{
if (el[i].getAttribuete("catego") == "perro"
perros[perros.length]= el[i]
}

</script>

Hice un copy & paste del ejemplo de abuenog, que me parece que está bien.

Saludos