• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

154
Vistas
¿Cómo cambiar la fuente de una imagen, que está en el HTML interno de otro elemento?

tengo un botón con una imagen en su HTML interno y quiero cambiar esta imagen

 <button id="button1"><img src="someimage.png"></button>

Intenté algo como esto (en una función, que se llama con el botón):

 this.innerhtml.setAttribute("src","someotherimage.png"); this.innerhtml="<img src="someotherimage.png">";

Tengo varios botones que activan la misma función, pero quiero que la función solo cambie la imagen del botón que activó la función. ¿Puedo hacer esto sin darle a la imagen una identificación y usar una gran cantidad de declaraciones if para hacer coincidir la identificación de la imagen con el botón?

Gracias por adelantado

almost 3 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

Con el parámetro de event , tome el currentTarget (el elemento al que está conectado el oyente, que será el botón) y desde allí puede obtener el hijo <img> con .children[0] .

 .addEventListener('click', (e) => { e.currentTarget.children[0].src = 'someotherimage.png'; });
almost 3 years ago · Juan Pablo Isaza Denunciar

0

Más específico para la etiqueta img

 .addEventListener('click', ($event) => { event.target.querySelector('img').src="someotherimage.png"; });
almost 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda