js与css实现列表循环后清除最后一项的代码

发布时间:2019-10-28编辑:脚本学堂
js与css结合实现列表循环后清除最后一项的代码实例,有需要的朋友,可以参考下。

1、html内容
 

复制代码 代码示例:
<style type="text/css">
 .l_dest_list ul{ border-bottom:1px solid #dddddd;}
</style>
 <body>
  <div class="l_dest_list" id="dest_box">
  <ul class="clearfix">
    <li><a href="#" class="aclr666">百度</a></li>
    <li><a href="#" class="aclr666">新浪</a></li>
    <li><a href="#" class="aclr666">网易</a></li>
  </ul>
 <ul class="clearfix">
<li><a href="#" class="aclr666">百度</a></li>
<li><a href="#" class="aclr666">新浪</a></li>
<li><a href="#" class="aclr666">网易</a></li>
</ul>
 <ul class="clearfix">
<li><a href="#" class="aclr666">百度</a></li>
<li><a href="#" class="aclr666">新浪</a></li>
<li><a href="#" class="aclr666">网易</a></li>
</ul>
</div>

2、js代码
 

复制代码 代码示例:
<script type="text/javascript">
  var destBox=document.getElementById('dest_box');
  var destUl=destBox.getElementsByTagName("ul");
  for(var i=0; i<destUl.length; i++){
     if(i==destUl.length-1){
        destUl[i].style.border = "none";
  }
}
</script>

很简单吧,希望以上的css效果实例,对大家有所帮助。