现在的位置: 网页制作教程网站制作经验 >正文
JavaScript脚本

用JS在HTML中指定标签位置处循环插入内容的方法

发表于2017/5/5 网站制作经验 0条评论 ⁄ 热度 3,799℃

如何用JS在HTML中指定位置处循环插入内容,我们可以用指定位置的id设置为容器。

比如:

<div id="container"></div>

想输出到这个容器里面。拼接好的html结构是 html="<li>text</li>"

使用document.getElementById('container').innerHTML = html;

var html = '';
for(var i=0;i<5;i++){
 if(i==0){
  html +='<li class="first"><div class="number">';
 }else{
  html += '<li class="first active"><div class="number">'
 }
 html += ='这个是div中的内容</div></li>'
}
document.getElementById('container').innerHTML = html;
  • 暂无评论