使用普通Javascript

时间:2016-07-06 15:46:12

标签: javascript html

有没有办法让html / javascript代码重复html代码? 基本上,我需要使用普通的javascript,同时我需要在for循环中构建html元素。 所以在html中我可以:

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

问题是上面的html代码可能有几组。 我现在正在做的是在javascript代码中编写html。 我想让它变得更干净,并且它具有html结构,它位于html页面中。

2 个答案:

答案 0 :(得分:3)

您可以尝试以下几点:

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

答案 1 :(得分:1)

如果您使用的是ES-6模板,我建议您编写自己的最小模板库。请参阅此博客文章,了解如何执行此操作:http://www.2ality.com/2015/01/template-strings-html.html