AYUDA en contrucción de arrays en javascript

[gcrlink]

SALUDOS A TODOS.

SOY NOVATO EN LA PROGRAMACIÓN CON JAVASCRIPT.

TENGO UNA DUDA RESPECTO AL USO DE document.getElementById('').

SE TRATA DEL SIGUIENTE CÓDIGO:

var imagenes = [document.getElementById('f1'),document.getElementB yId('f2')];

function prueba()
{
alert(imagenes.length);
imagenes[0].style.display = "none";
}


LA FUNCIÓN SE ACTIVA onload. LA ALERTA FUNCIONA BIEN (imagenes.length = 2). PERO NO SÉ POR QUÉ RAZÓN imagenes[0].style.display = "none" NO ME FUNCIONA. TAMBIÉN PROBÉ DE LA SIGUIENTE FORMA PERO NO ME FUNCIONA:

var img = document.getElementById('f1');

function prueba()
{
img.style.display = "none";
}


CÓMO ÚNICO ME FUNCIONA ES:

function prueba()
{
document.getElementById('f1').style.display = "none";
}



PERO DE ESTA ÚLTIMA MANERA CREO QUE NO ME FUNCIONA PARA LA GALERÍA DE IMÁGENES QUE QUIERO CREAR.


LES AGRADEZCO DE ANTEMANO SU AYUDA.
QUE TENGAN BUEN DÍA.