Necesito cambiar el tamaño de 3 imágenes con javascript. ¿Cómo puedo hacer eso sin tener una identificación y sin tener la posibilidad de agregar una? He intentado esto pero no sé cómo seleccionar todas las imágenes (necesito establecer el ancho en 50 px).
let images=document.querySelector('img'); images.setAttribute("width",50);¿Es document.querySelectorAll() lo que está buscando? document.querySelectorAll() seleccionará todos los elementos que coincidan con un determinado selector, no solo el primero. En tu caso, puede ser
let images=document.querySelectorAll('img'); images.forEach(img => img.setAttribute("width",50));Si no puede usar CSS para cambiar el ancho de la imagen, seleccione las imágenes con querySelectorAll y luego itere sobre la lista de nodos de imágenes y cambie el ancho de cada una.
const images = document.querySelectorAll('img'); images.forEach(image => image.setAttribute('width', '50px')); <img src="https://dummyimage.com/100x100/000/fff" /> <img src="https://dummyimage.com/100x100/000/fff" /> <img src="https://dummyimage.com/100x100/000/fff" />Puedes hacerlo con querySelectorAll
changeSize = () => { let images = document.querySelectorAll('img'); for (let i = 0; i < images.length; i++) { images[i].style.width = "100px"; } } originSize = () => { let images = document.querySelectorAll('img'); for (let i = 0; i < images.length; i++) { images[i].removeAttribute("style"); } } .images { display: flex; } .images img { margin: 1em 1em 0 0; } <button onclick="changeSize()">Change Size</button> <button onclick="originSize()">Origin Size</button> <div class='images'> <img src="https://cdnp2.stackassets.com/b1284961a6fbcbcfabe6f69c2ae4219ff6daa5e0/store/opt/596/298/1ca89e578fc4e326fe08196758c1688929acc8c5eeb8572e2282628cad78/product_30565_product_shot_wide.jpg" /> <img src="https://cdnp2.stackassets.com/b1284961a6fbcbcfabe6f69c2ae4219ff6daa5e0/store/opt/596/298/1ca89e578fc4e326fe08196758c1688929acc8c5eeb8572e2282628cad78/product_30565_product_shot_wide.jpg" /> <img src="https://cdnp2.stackassets.com/b1284961a6fbcbcfabe6f69c2ae4219ff6daa5e0/store/opt/596/298/1ca89e578fc4e326fe08196758c1688929acc8c5eeb8572e2282628cad78/product_30565_product_shot_wide.jpg" /> </div>