getElementByClassName

[elusone]

Hola, lo que quería es hacer visibles unas filas de mi tabla en el evento "onchange" de un select.

Aquí dejo mi código para hacer unas visibles y otras no:


var ultimaPag = 'pag-1';
function cambioPagina(pag)
{
pagina = 'pag-'+pag;
document.getElementsByClassName(pagina).visibility = 'visible';
document.getElementsByClassName(ultimaPag).visibil ity= 'collapse';

ultimaPag = pagina;
}

El problema es que la página no me devuelve ningún error ni por la consola tampoco, pero este cambio no tiene efecto.

El nombre de la clase va cambiando según vayan aunmentando las páginas, lo añado así desde php:

echo "<tr class='pag-".$pag."'>";

Donde $pag es un contador.

Espero que me podais ayudar, gracias por adelantado.

Un saludo

[Tecna]

Buenas,

el método getElementsByClassName no pertenece al estandar y en todo caso devolvería un array (aunque fuera de un elemento) porque puede haber varios elementos con la misma clase, así que no tiene mucho sentido ir poniendo a cada tr una clase diferente. Podrias usar getElementById para referenciar por el id que si que tiene que ser único o usar la propiedad lastChild para referirte al último hijo

[_cronos2]

En internet puedes encontrar muchas imitaciones de getElementsByClassName, así que podrías hacer algo como esto:

Código Javascript:

document.getElementsByClassName = document.getElementsByClassName || function(){ ... };
 

Saludos (: