¿Puedes explicarme cómo funciona? Estoy tratando de agregar div con contenido agregado por innerHTML y funciona, pero sin clases de estilo.
const el = document.createElement("div"); el.classList.add("col-sm-4", "col-md-3", "py-3"); el.innerHTML = `<div class="card border-primary"> <div class="card-body"> <img src="https://via.placeholder.com/80" class="img-regular"> </div> </div>` document.getElementById('gallery').appendChild(el); // }); // commented out by community <div id="gallery"></div>entonces ... no hay estilo de arranque y la biblioteca mansory tampoco funciona.
Tienes 2 <div> de apertura y 3 </div> de cierre. Intente quitar la etiqueta de cierre adicional.
const el = document.createElement("div"); el.classList.add("col-sm-4", "col-md-3", "py-3"); el.innerHTML = `<div class="card border-primary"> <div class="card-body"> <img src="${photo.urls.small}" class="img-regular"> </div> </div>` gallery.appendChild(el);