ES6函数实现排它两种写法解析

排它思想：清除其它所有的没有选中元素的样式, 只设置当前选中元素的样式

html代码

  
  
  



  
我是第1个li
  
我是第2个li
  
我是第3个li
  
我是第4个li
  
我是第5个li
  
我是第6个li
  
我是第7个li
  
我是第8个li

css代码

    *{
      margin: 0;
      padding: 0;
    }
    ul{
      list-style: none;
      margin: 100px auto;
      width: 300px;
      height: 400px;
      border: 1px solid #000;
    }
    ul>li{
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 10px;
      cursor: default;
    }

    .current{
      background-color: brown;
    }
  

Javascript代码

运行效果

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。