1、父级ul

 <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed" style="margin-bottom: 50px;">

 </ul>

2.动态添加li

 //自我理解,就是获取这个容器,你想要往哪个容器放li

 var table = document.body.querySelector('.mui-table-view');

 //这块是为了清除掉之前容器中所拥有的

 table.innerHTML='';

 for(var i=0;i<sys.length;i++){
   var sy=sys[i];

   //首先,创建li

  var li = document.createElement('li');

    //为li添加  class样式

   li.className = 'mui-table-view-cell';

   //这块是li中想放入的内容,全部可以,及时<li><li>中所有的

   li.innerHTML ='';

    //这个是li的最前插入,也就是for循环,最晚循环的会在最上边

    table.insertBefore(li, table.firstChild);
}


Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐