复制相同的元素而不添加其他代码

Question

你可以在同一页面上多次复制相同类别的相同元素，而无需添加复制相同的html代码。例如，我想制作类似于我的this picture之类的表。我不会希望我的代码看起来像THIS。如果有办法，你可以在创建所有代码后选择单个元素。谢谢！

Answer 1

最简单的方法是使用JavaScript for循环

<div id="content"></div>
<script>
  for (var i = 0; i < 5; i++){
   document.getElementById("content").innerHTML += 
     "<div class='food-group'><a>Link " + i + "</a></div>"; 
  }
</script>