Estoy tratando de obtener todas las imágenes y verificar si una de estas imágenes es igual a una imagen (especificada por mí) cambiarla a otra imagen (especificada por mí). ¡Gracias!
var object = document.getElementsByTagName("img"); //object[0].src is = to "image/image1.png"; if(object[0].src == "image/image1.png") { object[0].src = "image/image2.png" }Puede usar un bucle for para verificar cada imagen:
var images = [...document.getElementsByTagName("img")] for (const image of images) { if (image.src === "image/image1.png") { // do something image.src = "somethingelse.png" } } convierte HTMLCollection document.getElementsByTagName [...] devuelve para que pueda iterar sobre él.
¡Encontré las soluciones depurando!.
así que estaba tratando de verificar si una imagen es igual a una imagen de todas las imágenes que obtuve (especificando una de ellas, por ejemplo, la primera imagen del objeto [0]) en el objeto var por document.getElementsByTagName ("src)
con esto if: if(object[0].src == "image/image1.png) este retorno siempre es falso porque object[0].src return file:///C:/Users/Name/Documents/foldername/image /image1.png", por lo que verificar si esto es igual a "image/image1.png" siempre devuelve falso. y la solución es :
if(object[0].src == file:///C:/Users/Name/Documents/foldername/image/image1.png"){ //do something } para conocer la url completa: alert(object[0].src);
¡Perdón por mi mal ingles!