uso de this

[dieguicho]

estimados tengo una funcion ..

Código HTML:

cambiar_flecha(cual){
    cual.getElementById('flecha').src='2.gif'
}

y luego una lista interminable de...

Código HTML:

<button onclick='Javascript:cambiar_flecha(this)'>
    cambiar flecha <img id=flecha>
</button>
<br>..............

la idea es qeu me cambie la flecha que esta dentro del boton.. no la primera
estoy usando bien el this? gracias!

[tunait]

Hola dieguicho

Bueno, si en la función estás haciendo referencia directa a un elemento por su id puedes omitir el this como parámetro y en la función cambiar el this. por document.

Código:

cambiar_flecha(){
    document.getElementById('flecha').src='2.gif'
}

Un saludo

[dieguicho]

hola tunait!
el problema es que dentro de cada boton tengo img... id=flecha
osea que hay muchisimos flecha
necesito apuntarle al id flecha que tengo dentro de button
gracias!

[tunait]

Lo que pasa es que no deben haber 2 id iguales dentro de un mismo documento. El id ha de ser único.

En todo caso tal vez podría venirte bien hacer algo así

Código:

cambiar_flecha(donde){
    document.getElementById(donde).src='2.gif'
}

Código:

<button onclick="cambiar_flecha('flecha1')">
    cambiar flecha <img id="flecha1">
</button>
<br>..............

<button onclick="cambiar_flecha('flecha2')">
    cambiar flecha <img id="flecha2">
</button>
<br>..............

saludos

[caricatos]

Hola:

Otra alternativa, usando this, sería obtener la primera imagen (y como veo única) que dependa del objeto:

<button onclick='cambiar_flecha(this)'>
cambiar flecha <img >
</button>

No haría falta atributos adicionales (aunque alt y src...)

cambiar_flecha(cual){
cual.getElementsByTagName('img')[0].src='2.gif';
}

Se suelen usar esos métodos (getElementById, getElementsByTagName, etc.) dependiendo de document, pero son métodos para cualquier tag aunque inútiles en algunos casos como imágenes, inputs...

Saludos

[dieguicho]

ahja.. es la unica imagen dentro del boton
asi que esto ultimo funciono muchas gracias!