javascript create images dynamically
<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function() { var imagearray = ['https://content.deobazaar.com/product_image/_baner_8494f0nivea-fresh-active-value-pack-of-6-strong-deodorants.jpg','https://www.deobazaar.com/admin/product_image/Nautica-Pack-Of-4-Deodorants.jpg'] var arrayLength = imagearray.length; for (var i = 0; i < arrayLength; i++) { var oImg = document.createElement("img"); oImg.setAttribute('src', imagearray[i]); oImg.setAttribute('alt', 'na'); oImg.setAttribute('height', '100px'); oImg.setAttribute('width', '100px'); document.getElementById("placehere").appendChild(oImg); } }); </script> </head> <body> <div id="placehere"> </div> </body> </html>