La función $A de Prototype genera una array a partir de una colección de valores. Veamos algunos ejemplos para comprender mejor su funcionamiento.
En este ejemplo convertimos en un array a la secuencia de valores generada por la función $R
<script>
var valores = $R( 'a' , 'e' );
var array_de_valores = $A(valores);
var array_de_valores = $A(valores);
alert (array_de_valores [3]); --> d
</script>
El código anterior también podríamos escribirlo de la siguiente manera:
<script>
var valor = $A($R( 'a' , 'e' ));
alert (valor[2]); --> c
alert (valor[2]); --> c
</script>
Veamos ahora como $A nos permite crear un arreglo a partir de una colección de elementos del DOM
<script>
var valores = $A(document.getElementsByTagName('input'));
var mostrar = valores[2].value;
var mostrar = valores[2].value;
alert (mostrar); --> texto3
</script>
<body>
<input type="text" value="texto1">
<input type="text" value="texto2">
<input type="text" value="texto3">
<input type="text" value="texto4">
</body>
<input type="text" value="texto2">
<input type="text" value="texto3">
<input type="text" value="texto4">
</body>
También podríamos acceder a los elemntos del DOM a través de su id o clase
<script>
var valores = $A($$('.caja'));
var mostrar = valores[3].value;
var mostrar = valores[3].value;
alert (mostrar); --> texto4
</script>
<body>
<input type="text" value="texto1" class="caja">
<input type="text" value="texto2" class="caja">
<input type="text" value="texto3" class="caja">
<input type="text" value="texto4" class="caja">
</body>
<input type="text" value="texto2" class="caja">
<input type="text" value="texto3" class="caja">
<input type="text" value="texto4" class="caja">
</body>
Una vez construido el array con $A, podemos acceder a cada elemento y aplicarle las distintas funciones de Prototype, por ejemplo, siguiendo el ejemplo anterior, podríamos cambiar el value de unos de los input y luego mostrar el nuevo valor:
<script>
var valores = $A($$('.caja'));
valores[3].value = "nuevo valor";
var mostrar = valores[3].value; --> nuevo valor</script>
valores[3].value = "nuevo valor";
var mostrar = valores[3].value; --> nuevo valor</script>
No hay comentarios:
Publicar un comentario