Danke für eure Nachfragen und Anregungen. Der Klartext bei console.log auf Objekte hat mich gedanklich in eine Sackgasse geführt, der ist programmtechnisch nicht (so einfach) zu haben. Ich brauche vom img-Objekt den src Wert und - danke für die Anregung - den alt Wert, und schon funktioniert es prächtig: ~~~js // Bildverzeichnis erstellen var bilder = document.querySelectorAll( ".bo img" ); var thumbverzeichnis = ""; for ( let i=0; i<bilder.length; i++ ) { let src = bilder[i].src; let alt = bilder[i].alt console.log( src +"|" +alt ); thumbverzeichnis += "<div class='li bo'>"; thumbverzeichnis += "<img src='" +src +"' alt='" +alt +"'>"; thumbverzeichnis += (i+1) +". " +alt; thumbverzeichnis += "</div>"; } document.querySelector( "#thumbnails" ).innerHTML = thumbverzeichnis; ~~~ Gruß, Linuchs

Danke für eure Nachfragen und Anregungen. Der Klartext bei console.log auf Objekte hat mich gedanklich in eine Sackgasse geführt, der ist programmtechnisch nicht (so einfach) zu haben. Ich brauche vom img-Objekt den src Wert und - danke für die Anregung - den alt Wert, und schon funktioniert es prächtig: ~~~ // Bildverzeichnis erstellen var bilder = document.querySelectorAll( ".bo img" ); var thumbverzeichnis = ""; for ( let i=0; i<bilder.length; i++ ) { let src = bilder[i].src; let alt = bilder[i].alt console.log( src +"|" +alt ); thumbverzeichnis += "<div class='li bo'>"; thumbverzeichnis += "<img src='" +src +"' alt='" +alt +"'>"; thumbverzeichnis += (i+1) +". " +alt; thumbverzeichnis += "</div>"; } document.querySelector( "#thumbnails" ).innerHTML = thumbverzeichnis; ~~~ Gruß, Linuchs