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);
}