HBuilder动态的向<ul></ul>中插入<li></li>

来源:互联网 发布:抽号软件 编辑:程序博客网 时间:2024/04/25 23:50

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


0 0
原创粉丝点击