Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用普通Javascript重复HTML代码_Javascript_Html - Fatal编程技术网

使用普通Javascript重复HTML代码

使用普通Javascript重复HTML代码,javascript,html,Javascript,Html,有没有办法让html/javascript代码重复html代码? 基本上,我需要使用普通javascript,同时我需要在for循环中构建html元素。 因此,在html中,我可以: <div>col1</div> <div>col2></div> <div>col3</div> col1 col2> 可乐 问题是上面的html代码可能有几组。 我现在要做的是在javascript代码中编写html。 我想让它更干

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

<div>col1</div>
<div>col2></div>
<div>col3</div>
col1
col2>
可乐
问题是上面的html代码可能有几组。 我现在要做的是在javascript代码中编写html。
我想让它更干净,并在html页面中保留它所属的html结构。

您可以尝试以下内容:

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

用于(i=0;i 如果您使用ES-6模板,我建议您编写自己的最小模板库。请参阅BooPrtPoST如何使用它:

您应该考虑像HealLabBar之类的模板引擎引擎。JSWELL,现在它可以解决这个问题。ngine是纯javascript:)我猜你的意思是你不能使用外部库?有一篇文章可以帮助你(建议使用innerHTML):他说他目前已经在做这件事了。但他想把它放在html中。