元素/tag是可以用js動(dòng)態(tài)創(chuàng)建并插入到網(wǎng)頁（document）中的，具體搜索document.createElement，但這樣會(huì)影響性能，當(dāng)然你初學(xué)的話可以不用管性能。然后還有第二種方法，可以使用js動(dòng)態(tài)修改元素內(nèi)包裹的內(nèi)容，比如<div></div>中的內(nèi)容，是可以用js動(dòng)態(tài)修改的，你可以把里面的文本改為你想要的任何東西，包括img，具體搜索innerHTML。

如果繼續(xù)深入的話，你會(huì)發(fā)現(xiàn)用js生成一個(gè)重復(fù)的內(nèi)容挺麻煩的，所以有人搞出了“模板”這種東西，干這種事情會(huì)方便點(diǎn)，可以搜索vue，不過vue不是一種模板，只是它使用了一種模板的語法可以供你參考。

具體的實(shí)現(xiàn)可以這樣。

let arrUrls = ['www.aa.com', 'www.bb.com'];
// 使用 fragment 作為中間體，將UI更新的次數(shù)降至最低的一次，減少消耗。
let fragment = document.createDocumentFragment();

let hImg = null
arrUrls.forEach((u) => {
  hImg = document.createElement('img');
  hImg.src = u;
  fragment.appendChild(hImg);
});

// 假設(shè) document.body 是你需要將圖片放置的父元素。
document.body.appendChild(fragment);

let abc = ['www.aa.com','www.bb.com'];

let imgs=abc.map((v)=> `<img src="${v}">`).join("");

const append = (el,html) =>{
     let   divTemp = document.createElement("div"),
           fragment = document.createDocumentFragment();
           divTemp.innerHTML= html;
           for (let node of divTemp.childNodes) {
               fragment.appendChild(node.cloneNode(true));
           }
      return el.appendChild(fragment);
};

append(document.body,imgs)