Cambiar imagen mediante document.getElementsByName

[erxaca]

Hola, haber si me podeis explicar el porque esta asignación en javascript no funciona. Yo vengo de C y no sé si en js será de alguna otra manera. Lo que intento es cambiar la imagen del elemento anterior:

Código HTML:

if(oldprod == prod) {
  document.getElementsByName(oldname).src = 'images/boton-bebidas-' + oldname + '-off.png';
}

Las variables contienen correctamente los valores, lo he probado con alert.

Saludos

[Panino5001]

document.getElementsByName devuelve una colección de elementos a la que debe accederse por índice, como si de un array se tratase. Al primer elemento de la colección se accedería así:

Código PHP:

  var im1=document.getElementsByName(oldname)[0]; 
//y luego, por ejemplo: 
alert(im1.src);  
   

[erxaca]

Hola y gracias Panino5001.

Funciona perfectamente. Acabo de darme cuenta (nose porque pensaba antes que estaba correcto) que las variables old no me guardan los valores. Te dejo el script por si lo quieres probar o verlo mas claro:

Código HTML:

function cambiarValores(obj,prod) {
  var img = obj.src;
  img = img.split('/').pop();
  img = img == 'boton-bebidas-' + obj.name + '-off.png' ? 'images/boton-bebidas-' + obj.name + '-on.png' : 'images/boton-bebidas-' + obj.name + '-off.png';
  obj.src = img;

  if(oldprod == prod) {
    var im1 = document.getElementsByName(oldname)[0]; 
    im1.src = 'images/boton-bebidas-' + oldname + '-off.png';
}
  var oldprod = prod;
  var oldname = obj.name;
}

Me toma oldprod como undefined, porque no guarda el antiguo valor?