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

本文详细介绍了如何使用JavaScript动态地将列表项添加到HTML的ul元素中,包括清除已有内容、创建新列表项并插入操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值