js 动态插入html

最近开始学习web前端的一些东西，我吧自己学习的点点滴滴都记录下来，欢迎大家批评指点，妹子在此谢过O(∩_∩)O

 

 效果图：

 

1.在xml中

<div class="list-container" id="list-container">

</div>

2.在js中

 //"list-container" 这个是div中的id对应的值

  let htmllet = "";
  for (var i = 0; i < 10; i++) {
    htmllet += '<p>' + i + '</p>';
  }
  document.getElementById("list-container").innerHTML = htmllet;