Estoy tratando de reemplazar la fuente de la imagen, pero solo si la imagen corresponde a la clase existente "overview-icon--downtime". Luego hay otra clase, "overview-icon--degraded", por la que quiero reemplazarla (o simplemente poner una dirección de imagen, lo que podría resultar más fácil).
Ser remplazado:
<div class="page__overview"> <img class="page__overview-icon overview-icon--downtime" src="downtime_large.png"> </div>Para ser reemplazado con:
<div class="page__overview"> <img class="page__overview-icon page__overview-icon--degraded" src="degraded_large.png"> </div>Estaba pensando en esto, pero no estoy seguro de ir en la dirección correcta.
document.querySelector(".page__overview-icon overview-icon--downtime").setAttribute("img", "page__overview-icon page__overview-icon--degraded");La imagen se carga con la página, por lo que también necesitaré usar AJAX al final.
¿Alguna idea aquí, por favor? ¡Muchas gracias por adelantado! :3
Vas en la dirección correcta.
Los atributos son las cosas dentro de las etiquetas. En este caso, "clase" y "src" son atributos del elemento img.
document.querySelector seleccionará el elemento img, luego deberá llamar a setAttribute('clase', nuevo valor de clase ) y setAttribute('src', nuevo valor src )