DOM para Class

[salbatore]

Hola, foreros!

¿Como puedo seleccionar con el DOM a los elementos de una misma clase?

Para seleccionar los elementos por id lo hago de este modo:

Código PHP:

  var objeto = document.getElementById('mi_id');  
   

Como lo hago para este caso:

Código PHP:

  <div class='class_para_texto'>
</div>
<script>
var objeto = document.getElementById('class_para_texto');
</script>  
  

[caricatos]

Hola:

Existe getElementsByClassName(), pero no estoy seguro de que lo soporten todos los navegadores.

Saludos

[salbatore]

Hola,

Muchas gracias... lo he probado y no va en todos los navegadores... asi que tendre que hacerlo con id... jeje...

Muchas gracias!

[caricatos]

Hola:

Para seleccionar grupos tienes también getElementsByTagName()... si esa clase la aplicas a una clase concreta, puedes crear la colección consultando su className.

Código:

function coleccionPorClases(cual) {
 clases = [];
 for (i = 0, todos = document.body.getElementsByTagName("*"), total = todos.length; i < total; i ++)
  if (todos[i].className == cual) clases.push(todos[i]);
 return clases;
}

Fíjate que se puede usar el asterisco como nombre del tag.

Saludos

[buzu]

Hay funciones getElementByClass que han desarrollado algunos javascripter. Solo busca en google y encontraras un monton.

[buzu]

http://www.google.com/search?hl=en&s...yclass&spell=1

[caricatos]

Iniciado por buzu

Hay funciones getElementByClass que han desarrollado algunos javascripter. Solo busca en google y encontraras un monton.

¡Je, je!... aunque casi todos los que vi están pero desarrollados...

¿Qué opinas...?

Saludos

[salbatore]

Hola de nuevo!...

Ok!, ahora las miro, jeje...

[buzu]

No entiendo caricatos... a que te refieres?

[caricatos]

Iniciado por buzu

No entiendo caricatos... a que te refieres?

¡Je, je! eso de los dedos torpes...

están pero desarrollados... => están peor desarrollados...

Saludos

[buzu]

ahhhh... ahora si. Y la verdad es que no habia visto tu respuesta en la que das la funcion, de haver sido asi, lo habria deducido... No se por que razon no la vi. Solo agregar que yo usaria una expresion en lugar de una igualdad considerando que es posible agregar mas de una clase a un solo elemento, ademas de que usaria la forma total[i] como segundo parametro del loop. Esto evita tener que estar calculando la longitud del array cada vuelta que da el loop.

Saludos, y si, la mayoria están peor desarrolladas.

[caricatos]

Hola:

Interesante respuesta, pero la solución es hacia la pregunta DOM para class (no es plural), así que la igualdad creo que es la respuesta idónea, pero sin duda es un matiz a considerar.
Sobre el bucle, en la zona de inicialización de la sintaxis de la instrucción for (la primera) es donde se hace el cálculo del total...

for (i = 0, todos = document.body.getElementsByTagName("*"), total = todos.length; i < total; i ++)

i = 0 -> se inicializa i;
todos = document.body.getElementsByTagName("*") -> todos = alias de todos los tags
total = todos.length -> se crea la variable total para evitar calcularla en cada paso del bucle.

De todos modos el problema del cálculo está cuando realmente se realiza un cálculo, cosa más que debatida en php con los bucles sobre arrays, usando en la condición de salida el cálculo de la longitud del array...
for ($i = 0; $i < count($datos); $i ++)... con esa sintaxis se recalcula la longitud del array en cada paso del bucle...
Lo que pasa con javascript y los bucles con arrays es que length es una propiedad de los arrays (no se llama a ningún método para obtener ese valor...)

Algo similar es recorrer cadenas en lenguajes como pascal y modula-2, donde las cadenas tienen una longitud máxima de 255 caracteres, y viene dado por el primero de esos caracteres, o sea que el máximo valor se obtiene del primero (una curiosidad de los distintos lenguajes...)

Saludos

[buzu]

Si, una curiosidad. Creo que no lei bien tu codigo.. las prisas. DE cualquier modo a mi me gusta usar la forma corta. Igual es una tonteria, pero encuentro todos[i] mas fácil de escribir que i<todos

Y luego me pregunto, por que no reduces esto:

todos = document.body.getElementsByTagName("*"), total = todos.length;

a esto:

total = document.body.getElementsByTagName('*').length

[caricatos]

Iniciado por buzu

...
Y luego me pregunto, por que no reduces esto:

todos = document.body.getElementsByTagName("*"), total = todos.length;

a esto:

total = document.body.getElementsByTagName('*').length

La respuesta está en el cuerpo del bucle...

Código:

if (todos[i].className == cual) clases.push(todos[i]);

sin esa instrucción intermedia, el código sería:

Código:

if (document.body.getElementsByTagName("*")[i].className == cual)
 clases.push(document.body.getElementsByTagName("*")[i]);

Una de las frases que más se escuchan en las clases de informática, en los distintos cursos que he estado (sobre todo de programación) es "¡Divide y vencerás!"... creo que con la definición de alias como este caso, se gana en legibilidad.

Saludos

[buzu]

pues puede ser... De cualquier modo tu script es la respuesta que el chico anda buscando. En hora buena caricatos!