用純Javascript重複HTML代碼

Question

有沒有辦法讓html/javascript代碼重複html代碼？ 基本上，我需要使用普通的JavaScript，同時我需要在for循環中構建html元素。 所以在HTML我可以有：

<div>col1</div> 
<div>col2></div> 
<div>col3</div> 

的問題是，可以有幾套上面的html代碼的。 我現在正在做的是在javascript代碼中寫html。 我想使它更清潔，並具有它所屬的html結構，它在html頁面中。

Answer 1

您可以嘗試的東西沿着這些路線：

for(i = 0;i<howeverManyYouNeed;i++) 
{ 
    document.getElementById("parentId").innerHTML += "<div>col"+i+"</div>"; 
} 

Answer 2

我會建議你，如果你正在使用ES-6模板寫自己的最小模板庫。看到這個博客如何做到這一點：http://www.2ality.com/2015/01/template-strings-html.html