如何使用javascript動態附加卡？

Question

 function a() { var a1 = "<div class=w3-container><div class=w3-card-4 w3-dark-grey style=width:25%><div class=w3-container w3-center><p>video</p><img src= "; var a = [ " https://image.ibb.co/cE0COF/java_mini_logo.jpg ", " https://preview.ibb.co/jaNQdF/marguerite_daisy_beautiful_beauty.jpg"]; var a2= " alt=sir pic style=width:80%><p>John Doe</p></div></div></div>"; var g; for(var i=0;i<2;i++) { g= document.createElement('div'); g.id = i; var abc = a1+a[i]+a2; document.getElementById(g.id).innerHTML=abc; } } 

我正在嘗試通過首先創建元素，然后為其分配ID，然后通過向其分配不同的圖像網址來添加代碼，從而在用戶輸入中（即2（此處））上制作卡片，從而添加卡片

Answer 1

您忘記了append每個div內容append到body 。

您可以使用appendChild方法執行此操作。

 function a() { var a1 = "<div class=w3-container><div class=w3-card-4 w3-dark-grey style=width:25%><div class=w3-container w3-center><p>video</p><img src= "; var a = [ " https://image.ibb.co/cE0COF/java_mini_logo.jpg ", " https://preview.ibb.co/jaNQdF/marguerite_daisy_beautiful_beauty.jpg"]; var a2= " alt=sir pic style=width:80%><p>John Doe</p></div></div></div>"; var g; for(var i=0;i<2;i++) { g= document.createElement('div'); g.id = i; document.body.appendChild(g); var abc = a1+a[i]+a2; document.getElementById(g.id).innerHTML=abc; } } a();