es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Agregar atributo Alt a todas las imágenes – Vanilla Javascript

21 Jul, 2023 Programación

¿Cómo podría iterar a través de todas las imágenes, obtener el título de la imagen y luego agregarlo al atributo “alt”?

function addAltAtrr() {
    // obtener las imágenes
    let grabImage = document.querySelectorAll("img"); 

    // iterar a través de todas las imágenes
    for (let i = 0; i < grabImage.length; i++) {  
        grabImage[i].setAttribute("alt", "test");   
    }
}

addAltAtrr();

Actualmente, esto agrega la cadena “test” como atributo alt.

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para recuperar el título de la imagen y agregarlo como atributo “alt” en su lugar, puedes modificar el código dentro del bucle de la siguiente manera:

    for (let i = 0; i < grabImage.length; i++) {  
    let imageTitle = grabImage[i].getAttribute("title"); // obtener el título de la imagen
    grabImage[i].setAttribute("alt", imageTitle); // establecer el atributo alt con el valor del título de la imagen
}

    Esto recorrerá todas las imágenes en la página, recuperará el valor del atributo “title” y lo utilizará para establecer el atributo “alt” con ese valor.

Comments are closed.