繁体   English   中英

用纯Java脚本重复HTML代码

[英]Repeat HTML code with plain Javascript

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

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

问题是上面的html代码可能有几套。 我现在正在做的是在javascript代码中编写html。 我想使其更整洁,并具有它所属的html结构,它位于html页中。

您可以尝试以下方法:

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM